:root{--dockerGrey:#131c20;--dockerLightGrey:#1c262d;--dockerWhite:#e9e9e9;--dockerLightBlue:#3391ee;--dockerBlack:#0a0b0e;--dockerFadedBlack:#0a0b0eb3;--unitedBlue:#1414d1}@keyframes fadeTranslateUp{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:1s ease-out forwards fadeTranslateUp}.searchBox{background-color:#0f172a}.roboto{font-family:Oufit,sans-serif}#usernameinput::placeholder{color:#fff}#gamesOfHeader{font-family:Satoshi;color:var(--dockerWhite)!important}#footer{color:var(--dockerWhite);background-color:var(--dockerBlack);text-align:center;font-family:Satoshi}.scrollable-element{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.scrollable-element::-webkit-scrollbar{display:none}.inputs{background-color:#0000;border:none;border-bottom:1px solid;width:95%;margin-bottom:50px;padding:0 8px;font-size:14px;font-weight:300;display:inline-block}#password{margin-bottom:10px!important}#confirmPass{margin-top:30px}#formContainer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000040;border:2px solid #fff;border-radius:30px;width:50%;margin:5% 25%;padding:3% 2%;display:inline-block}#timer{background-color:#00000080}#container{background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;padding:0}#container>*{z-index:50;position:relative}.custom-nav-pills .nav-link.active,.custom-nav-pills .nav-link:active,.custom-nav-pills .nav-link.show{color:#000!important;background-color:#fff!important;border-color:#fff!important}.custom-dropdown .dropdown-toggle:after{border-top:.4em solid #fff;border-left:.4em solid #0000;border-right:.4em solid #0000;margin-left:.25em}.alert{color:#fff;background-color:#0f172a!important;border-color:#fff!important}.popup{border-color:var(--dockerBlack);text-align:center;background-color:#ffffffb3;border-width:2px;border-radius:20px;margin-left:400px}.searchBox::placeholder{color:#fff}.searchBox{border-radius:10px}#appearBox{display:none}#board{padding:25px}@media (max-width:767px){#board{padding:15px}}#submitInfo{margin:auto}.grid-item{background-color:#8ca1ad;border:1px solid #fff;width:35px;height:35px}#board-container{background-color:#dee2e7;display:inline-block}#lookUpBody{background-color:var(--dockerGrey)!important}#playerSection{flex-direction:row;display:flex}#bioSection{border-radius:20px;width:40%;margin-left:20px;padding:15px;font-size:17px;display:inline-block;background-color:var(--dockerFadedBlack)!important;color:var(--dockerWhite)!important;font-family:Satoshi!important}.graphContainer{width:100%}#register{text-decoration:none;transition:all 1s}#register:hover{text-underline-offset:.1em;text-underline-offset:3px;text-underline-offset:20%}.searchBox:focus::placeholder{color:#0f172a}.dropdown-menu{color:#fff;background-color:#0f172a}.dropdown{color:#fff}.searchButton{border-radius:10px}#playTheEngineTextLayer{cursor:pointer;text-align:center;color:#fff;background-color:#0f172a;border:#0000;border-radius:10px;width:22%;margin:10% auto 20px;padding:20px 25px;font-family:Satoshi;font-size:120%;transition:all .3s;display:grid}#verificationMsg{color:#fff;border-width:2px;border-color:var(--dockerLightBlue);background-image:linear-gradient(to top right,#16273e,#10172a,#000);border-radius:20px;width:32.5%;margin-top:20px;font-family:Satoshi;font-size:2rem;position:absolute;left:35%;box-shadow:0 0 15px #9ecaed}#playTheEngineTextLayer:hover{border-color:#257afc;transform:translateY(-5px)}#playerGames{color:var(--dockerBlack)!important}.gridItem{background-color:#00000080}@media (max-width:1350px){#formContainer{width:80%;margin:5% 10%}}@media (max-width:1020px){.gridItem{height:100%}.timeText{font-size:1.35rem}#playTheEngineTextLayer{width:50%}#grid-container{padding:50px}}@media (max-width:612px){.timeText{font-size:1.25rem}}@media (max-width:503px){.timeText{font-size:1rem}}@media (max-width:443px){.timeText{font-size:1.2rem}.gridItemContainer{padding:0 8px!important}}@media (max-width:400px){.timeText{font-size:1rem}}#playerlookupbar::placeholder{background-color:#0000!important}@media (max-width:750px){#formContainer{width:100%;margin:5% 0%;padding:40px 0}.inputs{width:90%;margin-left:15px}.inputLabels{margin-left:15px}#passwordMessage{margin:0 15px}.signInComp{width:80%}}.intro-header{font-size:5rem}@media (max-width:1280px){.intro-header{font-size:4rem}}@media (max-width:1024px){.intro-header{font-size:3.5rem}}@media (max-width:768px){.intro-header{font-size:2.5rem}}@media (max-width:480px){.intro-header{font-size:2rem}}.intro-text{color:#0000;background-image:linear-gradient(to bottom right,#2d91fb 10%,#fff 70%);-webkit-background-clip:text;background-clip:text}.abs-text{position:absolute;left:50%;transform:translate(-50%,-15%)}#intro-container{padding-bottom:6rem}@media (max-width:1280px){#intro-container{font-size:5rem}}@media (max-width:1024px){#intro-container{font-size:3.5rem}}@media (max-width:768px){#intro-container{font-size:2.5rem}}@media (max-width:480px){#intro-container{font-size:2rem}}.custom-button{background-color:#0000;border:1px solid #fff3;border-radius:12px;width:120px;height:50px;transition:all .3s}.custom-button:hover{border-color:#fff;transform:translateY(-2px)}@media (max-width:900px){.custom-button{width:100px;height:40px}}@media (max-width:575px){.custom-button{width:80px;height:30px}}