@import"https://fonts.googleapis.com/css2?family=Lekton:ital,wght@0,400;0,700;1,400&display=swap";@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body,html{background-color:#2a2a2a;padding:0;margin:0;display:flex;flex-direction:column;height:100%}*{font-family:Lekton;animation:fadeIn .25s linear}header{background-color:#1c1c1e;margin-top:0;justify-content:space-between}header,header #header-left{display:flex;flex-direction:row}header #header-left{padding-left:25px;justify-content:flex-start;align-items:center;cursor:pointer}header #header-left img{width:55px;border-radius:7px;margin-top:-5px}header #header-left #title{padding-left:10px;font-family:Lekton;font-weight:700;color:#e7e3ed;display:flex;justify-content:center;align-items:center}header #header-left #title span{margin-left:8px;padding-left:8px;border-left:.25px solid #e7e3ed;height:25px;text-align:center;display:flex;justify-content:center;align-items:center;opacity:75%;font-weight:100!important;font-size:20px}header #header-right{padding-right:25px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex:1 1 auto}header #header-right button{background-color:#2a2a2a;border:2px solid #2a2a2a;margin-left:10px;display:flex;justify-content:center;align-items:center;padding:15px;border-radius:5px;font-size:15px;color:#e7e3ed;cursor:pointer;transition:.5s}header #header-right button:hover{opacity:75%}#home-page-content{display:flex;flex-direction:column;justify-content:center;align-items:center}#home-page-content #home-page-title{color:#e7e3ed;text-align:center;font-family:Lekton}#home-page-content #home-page-title h1{font-size:55px}#home-page-content #home-page-title p{font-weight:100;margin-top:-50px;opacity:60%}.option{background-color:#1c1c1e;color:#e7e3ed;width:500px;border-radius:7px;margin:15px;cursor:pointer;transition:.5s;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.option:hover{opacity:75%}.option img{height:50%;border-radius:2.5px;margin-left:15px}.option h3{width:100%;margin-right:15px;text-align:center}#practice-play{flex-direction:column;color:#fee602;height:calc(100vh - 100px)}#practice-play,#practice-play #practice-play-title{display:flex;justify-content:center;align-items:center}#practice-play #practice-play-title{color:#e7e3ed;flex-direction:row}#player{flex-direction:column;min-width:500px}#player,#player #stratagem-queue{display:flex;justify-content:center;align-items:center}#player #stratagem-queue{flex-direction:row;margin-bottom:10px}#player #stratagem-queue img{height:48px;width:48px;padding:5px}#player #stratagem-queue .current{height:48px;width:48px;border-radius:2.5px;border:2.5px solid #fee602}#player #current-stratagem-name{background-color:#fee602;color:#2a2a2a;padding:0 10px;font-size:23px;width:100%;text-align:center}#player #current-code{display:flex;flex-direction:row;margin-top:-20px;--animate-duration:1s}#player #current-code .current-code-arrow{color:#e7e3ed;font-size:25px;padding:5px}#how-to-page-content{display:flex;flex-direction:column;justify-content:center;align-items:center}#how-to-page-content #how-to-page-title{color:#e7e3ed;text-align:center;font-family:Lekton}#how-to-page-content #how-to-page-title h1{font-size:55px}#how-to-page-content #how-to-page-title p{font-weight:100;margin-top:-50px;opacity:60%}#how-to-page-content section{color:#e7e3ed;text-align:center;border-top:thin solid #e7e3ed;width:500px}#how-to-page-content section h2{font-weight:700}#how-to-page-content section p{margin-top:-27px}#how-to-page-content section p a{color:#e7e3ed}#how-to-page-content section p a:visited{color:#fee602}#how-to-page-content .option{cursor:pointer}#mobile-error{color:#e7e3ed;display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;height:100vh}