body,html{background-color:#28282b;background-color:var(--matteBlack);color:#fff;font-family:RobotoThin;font-size:13px;height:100%;height:0;margin:0;padding:0;transition-duration:1s;width:100%}body{overflow:hidden}@media screen and (max-width:968px){body{overflow:auto!important}}a{color:#b4b2b2;cursor:pointer;text-decoration:none;text-transform:none}.App{display:flex;flex:1 1 auto;flex-direction:row;height:100vh;justify-content:space-around;width:100vw}:root{--matteBlack:#28282b;--mattePurple:#594559;--matteRed:#9d6072;--matteOrange:#dc8273;--matteLightOrange:#ffb668;--matteYellow:#f9f871;--line1_height:0%}@font-face{font-family:RobotoRegular;src:url(/static/media/Roboto-Regular.fc2b5060f7accec5cf74.ttf)}@font-face{font-family:RobotoMedium;src:url(/static/media/Roboto-Medium.7c8d04cd831df3033c8a.ttf)}@font-face{font-family:RobotoThin;src:url(/static/media/Roboto-Thin.a732a12eb07742232407.ttf)}@font-face{font-family:RobotoLight;src:url(/static/media/Roboto-Light.333da16a3f3cc391d087.ttf)}@font-face{font-family:RobotoBold;src:url(/static/media/Roboto-Bold.f80816a5455d171f948d.ttf)}@font-face{font-family:BebasNeue;src:url(/static/media/BebasNeue-Regular.12e3683f9192436a7be8.ttf)}.text-xs{font-family:RobotoThin;font-size:10px;line-height:16px}.text-sm{font-size:13px}.text-m,.text-sm{font-family:RobotoThin;line-height:22px}.text-m{font-size:20px}.px-3{padding:0 1rem}.strike-through-text{display:flex;flex-direction:row}.strike-through-text:before,h1:after{border-bottom:1px solid;content:"";flex:1 1;margin:auto}.strike-through-text:before{margin-right:10px}.strike-through-text:after{margin-left:10px}.py-1{padding:.25rem 0}.py-2{padding-bottom:.5rem;padding-top:.5rem}.h-100{height:100%}.w-100{width:100%}.align-bottom{align-self:end}@media screen and (max-width:968px){.align-bottom-mobile{align-self:auto!important}}.align-center{align-self:center}@media screen and (max-width:968px){.align-center-mobile{align-self:auto!important}}.mt-5{margin-top:3rem}.spacer-sm{margin:5px}.spacer-md{margin:10px}.w-50{width:50%}.w-25{width:25%}.t-r{text-align:right}.w-a{width:auto}.pl-1{padding-left:.25rem}.pr-1{padding-right:.25rem}.p-3{padding:1rem}.m-3{margin:1rem}.px{padding:0 .25rem}.mx-1{margin:0 .25rem}.mx-3{margin:0 1rem}@media screen and (max-width:968px){.md-stack{flex-direction:column!important}.h-mobile{height:auto!important}.hidden{display:none!important}.w-mobile{width:auto!important}}.opacity-0{opacity:0}.opacity-1{opacity:1!important}.mxw-5{max-width:500px!important}.mnw-4{min-width:400px!important}.mnw-3{min-width:300px!important}.d-flex{display:flex}.fill-out-width-animation{-webkit-animation:fill-out-width .5s linear 1s 1 forwards;animation:fill-out-width .5s linear 1s 1 forwards}@-webkit-keyframes fill-out-width{0%{width:0}30%{width:30%}to{width:100%}}@keyframes fill-out-width{0%{width:0}30%{width:30%}to{width:100%}}.fade-in-animation{-webkit-animation:fade-in .5s ease-in 2s 1 forwards;animation:fade-in .5s ease-in 2s 1 forwards}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.LineTitle-container{align-items:center;display:flex;justify-content:space-between}.LineTitle-line{background-color:#fff;height:2px}.LineTitle-title{text-align:center;width:30%}.PercentageBar-titleAndPercentage{display:flex;justify-content:space-between}.PercentageBar-bar{background-color:#d9d9d9;height:5px;opacity:.5}.List{list-style-position:outside;list-style-type:square}li.List::marker{color:hsla(0,0%,85%,.5)}li.List{-webkit-animation:fade-in .5s ease-in 3s 1 forwards;animation:fade-in .5s ease-in 3s 1 forwards;opacity:0}.PlayerCard{overflow:auto;width:50%}.PlayerCard::-webkit-scrollbar{width:4px}.PlayerCard::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 2px grey;margin-bottom:50px;margin-top:50px}.PlayerCard::-webkit-scrollbar-thumb{background:#fff;border-radius:2px}@media screen and (max-width:968px){.PlayerCard{height:100%;width:100%!important}.PlayerCard-container{max-width:none!important}}.PlayerCard-container{padding:25px}@media screen and (max-width:320px){.PlayerCard-container{min-width:200px!important;padding:10px!important}}.PlayerCard-name{font-family:BebasNeue;font-size:32px}.PlayerCard-underline{background-color:#fff;height:8px;margin-bottom:8px;width:0}.ConnectedLine{display:flex;justify-content:center}.ConnectedLine-line{background-color:#d9d9d9;flex-grow:1;height:1px}.ConnectedLine{-webkit-animation:fade-in .5s ease-in 3s 1 forwards;animation:fade-in .5s ease-in 3s 1 forwards;opacity:0}.MenuItem{border:1px solid #fff;border-radius:3px;display:flex;flex-direction:column;height:150px;opacity:0;width:150px}.MenuItem:hover{box-shadow:0 0 10px 0 #fff!important;-webkit-filter:url(#svg-glow);filter:url(#svg-glow);text-shadow:2px 2px 4px #fff}.menu-item-animation{-webkit-animation:menu-item 2s ease-in-out 2s 1 forwards;animation:menu-item 2s ease-in-out 2s 1 forwards}@-webkit-keyframes menu-item{0%{opacity:0}50%{box-shadow:0 0 10px 0 #fff}to{box-shadow:none;opacity:1}}@keyframes menu-item{0%{opacity:0}50%{box-shadow:0 0 10px 0 #fff}to{box-shadow:none;opacity:1}}.MenuItem-icon{align-items:center;display:flex;height:80%;justify-content:center}.MenuItem svg{display:block;margin:auto}.MenuItem-svg{height:60%;width:60%}.MenuItem-title{align-items:center;border-top:1px solid #fff;display:flex;height:20%;justify-content:center;text-align:center}@media only screen and (max-width:320px){.MenuItem-icon,.MenuItem-svg{display:none}.MenuItem{display:flex;flex-direction:column;height:100%;opacity:0;padding:1rem;width:100%}.MenuItem-title{align-items:center;border-top:0 solid #fff;display:flex;height:20%;justify-content:center;text-align:center}}.Menu{padding:0 1rem 1rem;position:relative;transition:all 2s;width:50%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 2px grey;margin-bottom:0;margin-top:50px}::-webkit-scrollbar-thumb{background:#fff;border-radius:2px}@media only screen and (min-width:1068px){.Menu{height:450px;width:800px}}@media only screen and (min-width:768px) and (max-height:500px){.Menu{height:364px;width:800px}}@media (max-height:360px){.Menu{height:300px}}@media (max-height:300px){.Menu{height:200px}}@media (min-width:1024px) and (max-height:600px){.Menu{overflow:auto}.InsideMenu{overflow-y:visible!important;overflow-y:initial!important}.PlayerCard-container{padding:5px}.PlayerCard{height:100%}}@media (min-width:2000px) and (max-height:600px){.Menu{height:450px}.App{justify-content:space-between}}.Menu .menu--flex{display:flex;flex-wrap:wrap;justify-content:center}.Menu:before{-webkit-animation:line1 2s ease-in-out 2s forwards;animation:line1 2s ease-in-out 2s forwards;bottom:0}.Menu:after,.Menu:before{background-color:#fff;content:"";position:absolute;right:100%;transition:all 2s;width:1px}.Menu:after{-webkit-animation:line2 2s ease-in-out 2s forwards;animation:line2 2s ease-in-out 2s forwards;top:0}@-webkit-keyframes line1{0%{height:0}to{height:40%}}@keyframes line1{0%{height:0}to{height:40%}}@-webkit-keyframes line2{0%{height:0}to{height:40%}}@keyframes line2{0%{height:0}to{height:40%}}@media screen and (max-width:968px){.Menu{margin-top:-5px!important;padding:0!important;width:100%!important}.InsideMenu .BackButton{position:static!important}.InsideMenu{overflow-y:visible!important;overflow-y:initial!important}.About{margin-top:0!important;padding-top:0!important}}.About .title{font-family:BebasNeue;font-size:24px}.About{padding-top:36.5px}.About .icon{align-items:center;background-color:#fff;border:0;border-radius:3px;cursor:pointer;display:flex;font-family:RobotoRegular;margin-right:1rem;margin-top:1rem;transition:all .7s}.social-icons-flex a{color:#000;text-decoration:none;text-transform:none}.About .icon:hover{background-color:hsla(0,0%,100%,.6)}.About .social-title{color:#000;font-family:RobotoRegular;font-size:12px}.About .social-icons-flex{display:flex;justify-content:start}@media screen and (max-width:968px){.About .social-icons-flex{justify-content:center}}.paragraph{margin-top:10px;text-align:justify}.Knowledge_box{background-color:#474747;background:linear-gradient(270deg,#474747 50%,#fff 0) 100%;background-size:200%;border-left:5px solid #fff;border-radius:3px;color:#fff;cursor:pointer;margin:10px;padding:5px;transition-duration:.5s;transition:.7s ease-out;transition-delay:.1s}.Knowledge_box,.Knowledge_title{font-family:RobotoRegular}.Knowledge_description{font-family:RobotoThin}.Knowledge_box a{color:#fff;font-size:13px;transition-delay:.1s;transition-duration:.5s;transition:.7s ease-out}.Knowledge_box:hover{background-position:0;color:#000;margin:5px}.Knowledge_box:hover a{color:#000}.Knowledge{margin:auto;padding-top:36px}@media screen and (max-width:968px){.Knowledge{margin-top:0!important;padding-top:0!important}}.Library_box{background-color:#474747;background:linear-gradient(270deg,#474747 50%,#fff 0) 100%;background-size:200%;border-left:5px solid #fff;border-radius:3px;color:#fff;cursor:pointer;margin:10px;padding:5px;transition-duration:.5s;transition:.7s ease-out;transition-delay:.1s}.Library_box,.Library_title{font-family:RobotoRegular}.Library_description{font-family:RobotoThin}.Library_box a{color:#fff;font-size:13px;transition-delay:.1s;transition-duration:.5s;transition:.7s ease-out}.Library_box:hover{background-position:0;color:#000;margin:5px}.Library_box:hover a{color:#000}.Library{margin:auto;padding-top:36px}@media screen and (max-width:968px){.Library{margin-top:0!important;padding-top:0!important}}.CodeModal{background-color:var(--matteBlack);border:2px solid #fff;box-shadow:0 10px 10px rgba(0,0,0,.25);display:flex;flex-direction:column;height:calc(100% - 100px);left:50%;max-width:560px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;z-index:9999}.CodeModal-title{font-size:16px;text-align:center}.CodeModal-content{color:#fff;height:100%;overflow-y:auto;padding:15px;text-align:justify}.CodeModal-close{font-family:BebasNeue;font-size:24px;left:0;position:absolute;text-align:center;width:100%}.CodeModal-footer{border-radius:0 0 3px 3px;bottom:15px;padding:15px}.CodeModal-header{border:0;border-bottom:5px #fff;border-radius:3px 3px 0 0;border-style:double;font-size:16px;font-weight:700;padding:15px;text-align:center;top:15px}.Body-remove__overlow{overflow:hidden!important}.CodeModal-backdrop{background:rgba(0,0,0,.8);display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.CodeModal-close>div{background-color:var(--matteBlack);border:1px solid #fff;color:#fff;cursor:pointer;margin:auto;padding:4px 29px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.CodeModal-close>div:hover{background-color:#44444b!important}.Snippets_box{background-color:#474747;background:linear-gradient(270deg,#474747 50%,#fff 0) 100%;background-size:200%;border-left:5px solid #fff;border-radius:3px;color:#fff;cursor:pointer;margin:10px;padding:5px;transition-duration:.5s;transition:.7s ease-out;transition-delay:.1s}.Snippets_box,.Snippets_title{font-family:RobotoRegular}.Snippets_description{font-family:RobotoThin}.Snippets_box:hover{background-position:0;color:#000;margin:5px}@-webkit-keyframes fill-color{0%{background-color:#474747}to{background-color:#fff!important}}@keyframes fill-color{0%{background-color:#474747}to{background-color:#fff!important}}.Snippets{margin:auto;padding-top:36px}@media screen and (max-width:968px){.Snippets{margin-top:0!important;padding-top:0!important}}.InsideMenu{border-radius:3px;opacity:1;overflow-y:auto;padding:0 1rem 1rem}@media only screen and (min-width:968px){.InsideMenu{height:calc(450px + 1rem)}}.InsideMenu .BackButton{-webkit-animation:glow-reverse .1s ease-in forwards;animation:glow-reverse .1s ease-in forwards;background-color:var(--matteBlack);border:1px solid #fff;color:#fff;font-family:BebasNeue;font-size:20px;font-size:28px;padding-left:1rem;position:fixed;text-align:left;text-shadow:0;width:100%}.InsideMenu .PropsTab:hover{-webkit-animation:glow .1s ease-in forwards;animation:glow .1s ease-in forwards;cursor:pointer}.LearningSphere{grid-column-gap:5px;grid-row-gap:5px;-webkit-overflow-scrolling:touch;-webkit-column-gap:5px;column-gap:5px;display:grid;grid-template-areas:"header header header" "navigation body body";grid-template-columns:20% 1fr 1fr;grid-template-rows:auto 1fr;height:100svh;min-height:100svh;min-width:100svw;position:fixed;row-gap:5px;touch-action:none}@media only screen and (max-width:768px){.LearningSphere{grid-template-areas:"header header header" "body body body"}.LearningSphere-navigation{display:none}.LearningSphere-header-button{font-size:18px!important;padding:5px!important}}.LearningSphere-header{display:flex;grid-area:header}.LearningSphere-body,.LearningSphere-header{align-items:center;border:1px solid #fff;justify-content:space-between}.LearningSphere-body{grid-area:body;overflow:auto;overflow-y:auto;padding:5px;padding-bottom:env(safe-area-inset-bottom)!important}.LearningSphere-navigation{align-items:center;border:1px solid #fff;grid-area:navigation;justify-content:space-between}.LearningSphere-header-button{-webkit-animation:glow-reverse .1s ease-in forwards;animation:glow-reverse .1s ease-in forwards;background-color:initial;border:0 solid transparent;color:#fff;font-family:BebasNeue;font-size:24px;height:34px;min-height:34px;text-align:left;text-shadow:0}.LearningSphere-header-date{padding:1px 6px}.LearningSphere-header-date,.LearningSphere-header-percentage{font-family:BebasNeue;font-size:18px}.LearningSphere-header-button:hover{-webkit-animation:glow .1s ease-in forwards;animation:glow .1s ease-in forwards;cursor:pointer}@-webkit-keyframes glow{0%{text-shadow:0}to{text-shadow:2px 2px 4px #fff}}@keyframes glow{0%{text-shadow:0}to{text-shadow:2px 2px 4px #fff}}@-webkit-keyframes glow-reverse{0%{text-shadow:2px 2px 4px #fff}to{text-shadow:0}}@keyframes glow-reverse{0%{text-shadow:2px 2px 4px #fff}to{text-shadow:0}}.LearningSphere-navigation-list{list-style:none;padding:0}.LearningSphere-navigation-list li{border:1px solid gray;font-size:16px;margin:5px;padding:5px}.LearningSphere-navigation-list li:hover{background-color:#ffffff7b;cursor:pointer}.LearningSphere-body::-webkit-scrollbar{width:8px}.LearningSphere-body::-webkit-scrollbar-track{border:1px solid #fff;border-radius:0;box-shadow:inset 0 0 2px grey;margin-bottom:0;margin-top:0}.LearningSphere-body::-webkit-scrollbar-thumb{background:#fff}summary{border-bottom:2px solid;cursor:pointer;padding:10px;transition:.5s;-webkit-user-select:none;user-select:none}details[open]{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:slideDown;animation-name:slideDown;padding:20px}details,details[open]{-webkit-animation-duration:.3s;animation-duration:.3s;transition-duration:.3s}details{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:slideUp;animation-name:slideUp;padding:0}details>summary:hover{color:#a9a9a9}
/*# sourceMappingURL=main.735d2e4f.css.map*/