@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Satoshi:wght@100..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");:root{--dockerGrey:rgb(19,28,32);--dockerLightGrey:rgb(28,38,45);--dockerWhite:rgb(233,233,233);--dockerLightBlue:rgb(51,145,238);--dockerBlack:rgb(10,11,14);--dockerFadedBlack:rgba(10,11,14,0.7);--unitedBlue:#1414D1}.svg-container{top:50%;right:50%}.dot{fill:var(--dockerWhite);transition:transform .8s ease,fill .8s ease}@keyframes animateDots{0%{r:10;fill:var(--dockerWhite)}12.5%{r:25;fill:var(--unitedBlue)}25%{r:10;fill:var(--dockerWhite)}}#dot1{animation:animateDots 2.4s linear infinite;position:"fixed"}#dot2{animation:animateDots 2.4s linear .3s infinite}#dot3{animation:animateDots 2.4s linear .6s infinite}#dot4{animation:animateDots 2.4s linear .9s infinite}#dot5{animation:animateDots 2.4s linear 1.2s infinite}#dot6{animation:animateDots 2.4s linear 1.5s infinite}#dot7{animation:animateDots 2.4s linear 1.8s infinite}#dot8{animation:animateDots 2.4s linear 2.1s infinite}@keyframes fadeTranslateUp{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeTranslateUp 1s ease-out forwards}#recentGamesHeader{color:var(--dockerWhite)!important}.custom-text-white{color:white!important;margin-top:8px}.searchBox{background-color:#0f172a}.dropdownGroup{background-color:transparent!important;border-color:transparent!important;color:var(--dockerBlack)!important}.roboto{font-family:Oufit,sans-serif}#usernameinput::placeholder{color:white}#gamesOfHeader{font-family:Satoshi;color:var(--dockerWhite)!important}#footer{color:var(--dockerWhite);background-color:var(--dockerBlack);text-align:center;font-family:Satoshi}.scrollable-element{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.scrollable-element::-webkit-scrollbar{display:none}.inputs{width:95%;padding:0 8;background-color:transparent;border:none;border-bottom:1px solid;font-size:14px;font-weight:300;margin-bottom:50px;display:inline-block}#password{margin-bottom:10px!important}#confirmPass{margin-top:30px}#formContainer{margin:5% 25%;border-radius:30px;padding:3% 2%;display:inline-block;backdrop-filter:blur(5px);background-color:rgba(0,0,0,.25);border:2px solid white;width:50%}#timer{background-color:rgba(0,0,0,.5)}#container{background-size:cover;background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:0}#container>*{position:relative;z-index:50}.custom-nav-pills .nav-link.active,.custom-nav-pills .nav-link.show,.custom-nav-pills .nav-link:active{background-color:#fff!important;color:#000!important;border-color:#fff!important}.custom-dropdown .dropdown-toggle:after{border-top:.4em solid white;border-right:.4em solid transparent;border-left:.4em solid transparent;margin-left:.25em}.alert{background-color:#0f172a!important;color:white;border-color:white!important}.popup{border-color:var(--dockerBlack);border-width:2px;border-radius:20px;background-color:rgba(255,255,255,.7);margin-left:400px;text-align:center}.searchBox::placeholder{color:white}.searchBox{border-radius:10px}#appearBox{display:none}#grid-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;padding:50px;background-color:#0d0829;border-radius:50px;width:765px}#board{padding:25px}@media (max-width:767px){#board{padding:15px}}#submitInfo{margin:auto}.grid-item{width:35px;background-color:#8ca1ad;height:35px;border:1px solid white}#board-container{background-color:#dee2e7;display:inline-block}#lookUpBody{background-color:var(--dockerGrey)!important}#playerSection{display:flex;flex-direction:row}#bioSection{background-color:var(--dockerFadedBlack)!important;display:inline-block;color:var(--dockerWhite)!important;width:40%;padding:15px;font-family:Satoshi!important;margin-left:20px;border-radius:20px;font-size:17px}.graphContainer{width:100%}#register{text-decoration:none;transition:1s}#register:hover{text-underline-offset:.1em;text-underline-offset:3px;text-underline-offset:20%}.searchBox:focus::placeholder{color:#0f172a}.dropdown-menu{background-color:#0f172a;color:white}.dropdown{color:white}.searchButton{border-radius:10px}#playTheEngineTextLayer{cursor:pointer;background-color:#0f172a;border-radius:10px;width:22%;padding:20px 25px;text-align:center;font-size:120%;display:grid;transition:.3s;font-family:Satoshi;border:transparent;margin:10% auto 20px;color:white}#verificationMsg{border-width:2px;color:white;border-color:var(--dockerLightBlue);box-shadow:0 0 15px #9ecaed;font-family:Satoshi;border-radius:20px;margin-top:20px;width:32.5%;position:absolute;left:35%;background-image:linear-gradient(to top right,#16273e,#10172a,#000000);font-size:2rem}#playTheEngineTextLayer:hover{transform:translateY(-5px);border-color:#257afc}#playerGames{color:var(--dockerBlack)!important}.gridItem{background-color:rgba(0,0,0,.5)}@media (max-width:1350px){#formContainer{margin:5% 10%;width:80%}}@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:transparent!important}@media (max-width:750px){#formContainer{margin:5% 0;padding:40px 0;width:100%}.inputs{width:90%}.inputLabels,.inputs{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{background-image:linear-gradient(to bottom right,#2d91fb 10%,white 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.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:transparent;border:1px solid rgba(255,255,255,.2);transition:all .3s;border-radius:12px;width:120px;height:50px}.custom-button:hover{border-color:white;transform:translateY(-2px)}@media (max-width:900px){.custom-button{width:100px;height:40px}}@media (max-width:575px){.custom-button{width:80px;height:30px}}