.NavBar1{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:100%;background-color:#0078ef;height:4.5rem;border-bottom:1px solid white;flex:0 0 auto}.WebsiteTitle{text-align:center;-webkit-user-select:none;user-select:none;color:#fff;cursor:pointer}.Btn-Log-Container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:14rem}.Log-Btn{-webkit-user-select:none;user-select:none;font-weight:900;color:#fff;border:2px solid white;border-radius:.2rem;height:2rem;width:6rem;background-color:transparent;cursor:pointer}.Log-Btn:hover{color:#000;background-color:#fff}@media (max-width: 1000px){.NavBar1{height:10.5rem;flex-direction:column}.WebsiteTitle{margin:0;margin-top:.6rem;font-size:2.5rem}.Btn-Log-Container{margin:1rem}}.NavBar2{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:100%;background-color:#0078ef;height:4.5rem;flex:0 0 auto}.Nav2List{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;list-style:none}.Nav2List>li{margin:1rem}.Nav2List>li>a{text-decoration:none;color:#fff}.Nav2List>li:hover{border-bottom:1px solid white}@media (max-width: 1000px){.NavBar2{flex-direction:column;justify-content:flex-start;width:100%;height:7.6rem}.Nav2List{margin-top:.5rem;width:100%}}.Profile{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;-webkit-user-select:none;user-select:none;background:linear-gradient(315deg,#2e1e3c 3%,#00bb61 38%,#00204d,#ffacea 98%);animation:gradient 40s ease infinite;background-size:400% 400%;background-attachment:fixed;position:relative;flex:1 1 auto}.PersonalInfo{margin:.5rem;width:70%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#0000004d;box-shadow:0 4px 8px #000;border-radius:.2rem}.Username{text-align:center;font-size:3rem;margin:1rem;text-transform:uppercase;background-image:linear-gradient(-225deg,#fff,#fffb00 29%,#f65f01 67%,#000);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 5s linear infinite;display:inline-block}@keyframes textclip{to{background-position:200% center}}.ProfilePicture{border-radius:.2rem;box-shadow:0 4px 8px #000;width:12rem;margin:.5rem;pointer-events:none;background-color:#ffffff4d}.ProfileOptions{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:2rem;background-color:#fff9}.ProfileOptions>button{background:transparent;border:0;color:#1e90ff;cursor:pointer;font-size:1rem}.ProfileOptions>button:hover{color:#fff}.AccountInfo{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;background-color:#fffc;font-size:1.2rem}.AccountInfo>p{margin:.3rem}.ProfileLevel{font-size:1.5rem;font-weight:900;color:#1e90ff}.ProfileAge{font-size:1rem;text-align:center;width:90%;color:#545454;padding-bottom:.5rem;border-bottom:1px solid rgb(94,94,94)}.ProfileMotto{text-align:center;width:90%;padding-top:.5rem;padding-bottom:1rem;font-weight:900}@keyframes gradient{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@media (max-width: 1000px){.Username{font-size:2.2rem}.PersonalInfo{width:95%}}.Bar{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:80%;margin-top:.7rem}.LevelBox{background-color:#000000b3;text-align:center;width:35%;margin-bottom:.5rem;border:1px solid rgb(207,207,207);box-shadow:0 4px 8px #000;border-radius:.3rem}.LevelBox>p{font-weight:900;font-size:2rem}.XPBar{border:1px solid black;width:75%;height:1.5rem;border-radius:.2rem;box-shadow:0 4px 8px #000;background-color:#ffffffe6;position:relative;margin:.5rem 1rem 1rem}.Meter{border-radius:.2rem;height:100%;width:0;background:linear-gradient(90deg,#40ff1e,#ffffffe6);background-size:200% 100%;animation:gradientAnimation 2s linear infinite;transition:width .5s ease}.XPTitle{position:absolute;bottom:-.1rem}@keyframes gradientAnimation{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 1000px){.Bar{width:95%}.LevelBox{width:50%}.XPBar{width:90%;height:1rem}#LevelName{font-size:1.5rem}.XPTitle{position:absolute;bottom:-.35rem}}.EditMottoBox{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;position:absolute;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080}.EditMotto{margin-top:6rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:40%;height:20rem;background-color:#fff;border-radius:.2rem;box-shadow:0 0 10px #0000004d}.EditMotto>h1{color:#2b2b2b;text-align:center;width:90%;border-bottom:1px solid rgb(185,185,185);padding-bottom:1rem}.EditMotto>h5{text-align:center;width:100%;margin-top:0;margin-bottom:.7rem}.EditMotto>textarea{border:1px solid rgb(159,159,159);resize:none;width:85%;height:25%;padding:.5rem}.MottoBtnBox{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;margin-top:1.5rem;width:100%;height:4.5rem;background-color:#f4f4f4;border-top:1px solid rgb(183,183,183)}.MottoBtnBox>button{font-weight:900;border:0;width:25%;height:3rem;font-size:1.3rem;border-radius:.2rem;cursor:pointer}.MottoBtnBox>button:nth-child(1){background-color:#000;color:#fff}.MottoBtnBox>button:nth-child(1):hover{background-color:#383838}.MottoBtnBox>button:nth-child(2){background-color:#1e90ff;color:#fff}.MottoBtnBox>button:nth-child(2):hover{background-color:#00a6ff}@media (max-width: 1000px){.EditMotto{margin-top:4rem;width:95%}.MottoBtnBox>button{width:40%}}.EditPicBox{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;position:absolute;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080}.EditPic{margin-top:10rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:40%;height:auto;background-color:#fff;border-radius:.2rem;box-shadow:0 0 10px #0000004d}.EditPic>h1{color:#2b2b2b;text-align:center;width:90%;border-bottom:1px solid rgb(185,185,185);padding-bottom:1rem}.EditPic>h5{text-align:center;width:100%;margin-top:0;margin-bottom:.7rem}.PicBtnBox{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:100%;height:4.5rem;background-color:#f4f4f4;border-top:1px solid rgb(183,183,183)}.PicBtnBox>button{font-weight:900;border:0;width:25%;height:3rem;font-size:1.3rem;border-radius:.2rem;cursor:pointer}.PicBtnBox>button:nth-child(1){background-color:#000;color:#fff}.PicBtnBox>button:nth-child(1):hover{background-color:#383838}.PicBtnBox>button:nth-child(2){background-color:#1e90ff;color:#fff}.PicBtnBox>button:nth-child(2):hover{background-color:#00a6ff}.PicPreview{width:10rem;margin-bottom:1rem}.ChoosePic{font-weight:900;border:0;width:auto;height:3rem;font-size:1.3rem;border-radius:.2rem;cursor:pointer}@media (max-width: 1000px){.EditPic{margin-top:4rem;width:95%}.PicBtnBox>button{width:40%}.ChoosePic{width:90%}.EditPic>h1{font-size:1.5rem}}.StatsTable{border-radius:.2rem;border-collapse:collapse;width:60%;box-shadow:0 4px 8px #000;margin-bottom:1rem;background-color:#000000b3}.StatsBtn{width:50%;box-shadow:0 4px 8px #000;margin:1rem;background-color:#000000b3;border:0;color:#fff;height:3rem;font-size:1.5rem;cursor:pointer;transition:background .25s ease}.StatsBtn:hover{color:#000;background-color:#fffc}.StatsTable>thead>tr>th{border-bottom:1px solid #858585;font-size:1rem;font-weight:600;text-align:center;padding:1rem}.StatsTable>tbody>tr>td{text-align:center;padding:1rem}.StatsTable>tbody>tr{transition:background .25s ease}.StatsTable>tbody>tr:hover{background-color:#fffc}.Right{font-weight:900;color:#7cfc00;pointer-events:none}.Wrong{font-weight:900;color:red;pointer-events:none}.Category{font-weight:900}.CategoryTitle{animation:rainbowFlash 4s infinite;font-weight:900}.Average{color:#fff;font-weight:900}@keyframes rainbowFlash{0%{color:red}16.666%{color:#f90}33.333%{color:#ff0}50%{color:#3c3}66.666%{color:#39f}83.333%{color:#90c}to{color:red}}@media (max-width: 1000px){.StatsBtn,.StatsTable{width:95%}.StatsTable>thead>tr>th{font-size:1rem;padding:.5rem}.StatsTable>tbody>tr>td{padding:.8rem}}.Badges{width:70%;border:1px solid black;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;box-shadow:0 4px 8px #000;padding:1rem;background-color:#fff3;border-radius:.2rem;margin-bottom:2rem}.Badge{margin:.5rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.Badges:hover{transition:background 1s ease;background-color:#0009;filter:saturate(130%)}.Badge>h5{color:#fff;margin-top:0;margin-bottom:.5rem}.Badge>p{text-align:center;color:#fff;margin-top:.5rem;margin-bottom:0}.Icon{width:5rem}@media (max-width: 1500px){.Badges{width:75%}}@media (max-width: 1000px){.Badges{justify-content:space-evenly;width:88%}.Icon{width:3rem}.Badge{width:4rem;margin:1rem}.Badge>p{font-size:.8rem}.Badge>h5{text-align:center;width:100%;font-size:.5rem}}.LoadingBox{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;position:absolute;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff80;z-index:4}.Loading{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.DeadLift{width:20%}.Loading>h3{background-color:#000;width:40%;color:#fff;text-align:center;padding:.5rem;box-shadow:0 4px 8px #000;margin:0}.Loading>h5{background-color:#000;width:10%;color:#fff;text-align:center;box-shadow:0 4px 8px #000;padding:.5rem;cursor:pointer}.Loading>h5:hover{background-color:#dc143c}.middle{box-sizing:border-box}.bar{width:80px;height:140px;background:#1e90ff;display:inline-block;transform-origin:bottom center;border-top-right-radius:20px;border-top-left-radius:20px;animation:loader 1.2s linear infinite}.bar1{animation-delay:.1s}.bar2{animation-delay:.2s}.bar3{animation-delay:.3s}.bar4{animation-delay:.4s}.bar5{animation-delay:.5s}.bar6{animation-delay:.6s}.bar7{animation-delay:.7s}.bar8{animation-delay:.8s}@keyframes loader{0%{transform:scaleY(.1);background:#66b3ff}50%{transform:scaleY(1);background:#0073ff}to{transform:scaleY(.1);background:transparent}}@media (max-width: 1000px){.Loading>h3{width:90%}.Loading>h5{width:20%}.DeadLift{width:60%}.bar{width:50px;height:120px}}html{font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;width:100%;height:100%}body{width:100%;height:100%;margin:0}#root{width:100%;height:100%}.App{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh}.Main{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;flex:1 1 auto;min-height:0}@keyframes pulse{0%{box-shadow:0 0 #fff9}to{box-shadow:0 0 10px 10px #fff0}}footer{flex:0 0 auto;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:100%;background-color:#0078ef}footer>ul{list-style:none;display:flex;padding:0}footer>ul>li{color:#fff;margin-left:2rem;margin-right:2rem;text-align:center}footer>ul>li>a{color:#fff;text-decoration:none}footer>ul>li>a:hover{text-decoration:underline}@media (max-width: 1000px){footer{width:100%;font-size:.8rem}footer>ul>li{margin-left:1rem;margin-right:1rem}}.Home{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;background-color:#1e90ff;-webkit-user-select:none;user-select:none;flex:1 1 auto}.Warning{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0;width:100%;background-color:#dc143c;color:#fff}.Warning>p{text-align:center;width:90%}.Warning>button{border:0;margin-bottom:1rem;width:15%;height:2rem;cursor:pointer;border:2px solid white;background:transparent;color:#fff;font-weight:900}.Warning>button:hover{background-color:#fff;color:#000}.BlueSpikes{height:10rem;z-index:-1;bottom:-9.9rem;width:100%;position:absolute}.SplitBox{margin-top:3rem;width:70%;height:18rem;display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:4rem;position:relative}.BoxOne{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;text-align:center;width:40%;color:#fff}.BoxOne>h1{margin:0;font-size:2rem;width:100%}.BoxOne>p{position:relative;bottom:1rem;font-style:italic;width:95%;line-height:1.5}.BoxOne>button{border-radius:.2rem;color:#fff;font-weight:900;background:transparent;border:2px solid white;padding:1rem;font-size:1rem;width:90%;cursor:pointer}.BoxOne>button:hover{color:#000;background-color:#fff}.BoxTwo{display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center;width:40%;background-color:#fff;border-radius:.2rem;box-shadow:0 4px 8px #00000080;position:relative}.SignTitle{color:#4c4c4c;font-size:1.5rem;margin:.1rem}.SignInOptions{display:flex;justify-content:center;width:100%;margin-top:.7rem}.SignUpForm{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:80%}.SignUpForm>label{position:absolute}.UserIcon{left:9%;top:6%}.EmailIcon{left:9%;top:26%}.PWIcon1{left:9%;top:45%;filter:saturate(0%)}.PWIcon2{left:9%;top:64%;filter:saturate(200%)}.SignUpForm>input{width:89%;height:2rem;border-radius:.2rem;border:1px solid lightgray;text-indent:3rem}.SignUpForm>input::placeholder{color:#969696}.CreateAccountBtn{border-radius:.2rem;color:#fff;font-weight:900;background-color:#1e90ff;border:0;padding:.5rem;width:90%;cursor:pointer}.CreateAccountBtn:hover{background-color:#00bfff}@media (max-width: 1310px){.BoxOne>h1{margin-top:0;margin-bottom:.5rem;font-size:1.8rem}}@media (max-width: 1000px){.SplitBox{width:95%;align-items:center;flex-direction:column;height:auto;margin:1rem}.BoxOne{width:100%}.BoxOne>h1{width:100%;margin:1rem;font-size:2rem}.BoxOne>p{width:95%;line-height:1.5;font-size:.8rem}.BoxOne>button{padding:.5rem}.BoxTwo{display:none}}.TopGraphic{margin-top:12rem}.HomeGraphics{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:85%;margin-bottom:1rem;-webkit-user-select:none;user-select:none}.InfoContainer{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;width:50%}.ImageContainer{width:50%;display:flex;justify-content:center;align-items:center}.InfoContainer>h1{font-size:2.5rem}.InfoContainer>p{margin:0;width:70%;font-style:italic;line-height:1.5;color:#2b2b2b}.PenguinSlot{width:29rem}@media (max-width: 1000px){.HomeGraphics{padding:0;width:95%}.TopGraphic{margin-top:10rem}.InfoContainer>h1{margin-bottom:.7rem;font-size:2rem}.InfoContainer>p{width:75%}.PenguinSlot,.PenguinBooks,.PenguinTrophy{width:12rem}}.LogBackground{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080}.LogBox{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:40%;height:22rem;background-color:#fff;border-radius:.2rem;box-shadow:0 0 10px #0000004d;position:relative;bottom:5rem}.X{position:absolute;right:.2rem;top:.3rem;color:#3c3c3c;font-size:1rem;font-weight:900;background:transparent;border:none;cursor:pointer}.X:hover{color:#1e90ff}.LogButtons{display:flex;justify-content:center;align-items:center;margin:1rem;height:4rem;width:95%;border-bottom:1px solid darkgray}.ActiveLog{margin-left:1rem;font-weight:900;color:#fff;border:0;height:60%;width:10rem;border-radius:.2rem;cursor:pointer;background-color:#1e90ff}.NotActiveLog{margin-left:1rem;font-weight:900;background-color:gray;color:#fff;border:0;height:60%;width:10rem;border-radius:.2rem;cursor:pointer}.LogButtons>button:hover{background-color:#00bfff}.LogDiv{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:70%}.SocialMedia{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%}.SocialMedia>h1{text-align:center;margin-bottom:3rem;color:#2f2f2f}.Line{margin-top:4rem;width:95%;border-bottom:1px solid rgb(167,167,167)}@media (max-width: 1420px){.LogBox{width:60%}.SocialMedia>h1{font-size:1.5rem}}@media (max-width: 1000px){.LogBox{width:95%}}.Error{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;bottom:-4.5rem;width:100%;height:3rem;background-color:#ff0000e6;box-shadow:0 0 10px #0000004d;border-radius:.2rem;color:#fff;transition:margin-top 1s ease,opacity 1s ease;opacity:0}.LoginForm{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:100%;position:relative}.LoginForm>input{width:85%;height:3rem;border:1px solid rgb(197,197,197);text-indent:3rem;font-size:1.1rem;border-radius:.2rem}.LoginForm>input::placeholder{color:#b3b3b3}.LoginBtn{border-radius:.2rem;font-weight:900;font-size:1rem;color:#fff;height:2.5rem;border:none;background-color:#1e90ff;width:85%;cursor:pointer}.LoginBtn:hover{background-color:#00bfff}.LoginEmail{position:absolute;top:13%;left:9%;font-size:2rem}.LoginPW{position:absolute;font-size:2rem;top:44%;left:9%}.Error2{display:none}.SignUpForm{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:100%;position:relative}.SignUpForm>input{width:85%;height:2rem;border:1px solid rgb(197,197,197);text-indent:2.7rem;font-size:1.1rem;border-radius:.2rem}.SignUpForm>input::placeholder{color:#b3b3b3}.SignUpBtn{border-radius:.2rem;font-weight:900;font-size:1rem;color:#fff;height:2.5rem;border:none;background-color:#1e90ff;width:85%;cursor:pointer}.SignUpBtn:hover{background-color:#00bfff}.CreateUser{top:5.5%;left:9%;font-size:1.2rem}.CreateEmail{top:25%;left:9%;font-size:1.2rem}.CreatePW1{top:43%;left:9%;font-size:1.2rem;filter:saturate(0%)}.CreatePW2{top:62%;left:9%;font-size:1.2rem;filter:saturate(200%)}#Google{border:0;background-color:transparent}.Play{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;position:relative;-webkit-user-select:none;user-select:none;background:linear-gradient(315deg,#5900ff 3%,#00c875 38%,#022b9c,#fb4b00 98%);animation:gradient 60s ease infinite;background-size:400% 400%;background-attachment:fixed;flex:1 1 auto}.PlaySettings{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;-webkit-user-select:none;user-select:none}.PlayTitle{display:flex;justify-content:center;align-items:center;width:100%;text-align:center;height:4rem;box-shadow:0 4px 8px #000;background-color:#000c;color:#fff;font-size:1.5rem;margin:0rem}.DaBox{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:50%}.Amount{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;margin:2rem;height:12rem;width:40%;box-shadow:0 4px 8px #000;border-radius:.2rem;background-color:#00000080;color:#fff}.TopTitle{margin:0;display:flex;justify-content:center;align-items:center;width:100%;text-align:center;height:2rem;position:absolute;top:0;background-color:#fffc;color:#000}.Amount>button{margin-top:2rem;font-size:1.3rem;position:relative;height:2rem;cursor:pointer;border:none;width:90%;border-radius:.2rem;color:#fff;font-weight:900}.Five,.Ten{background-color:#000000b3}.Amount>button:hover{animation:pulse .3s infinite}.Difficulty{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;margin:2rem;height:12rem;width:40%;box-shadow:0 4px 8px #000;border-radius:.2rem;background-color:#00000080;color:#fff}.Difficulty>button{font-size:1.2rem;position:relative;width:80%;height:2rem;cursor:pointer;border:none;font-weight:900;color:#fff;margin-bottom:1rem}.Easy{margin-top:4rem;background-color:#000000b3}.Medium,.Hard{background-color:#000000b3}.Difficulty>button:hover{animation:pulse .3s infinite}.Categories{display:flex;align-items:center;justify-content:center;width:60%;position:relative;box-shadow:0 4px 8px #000;border-radius:.2rem;background-color:#00000080;color:#fff}.Categorys{display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;width:100%;margin-top:4rem;margin-bottom:1rem}.CategoryBtn{font-size:1.2rem;position:relative;width:20%;height:2rem;cursor:pointer;border:none;font-weight:600;border-radius:.1rem;margin:1rem;filter:saturate(0%);color:#fff}.CategoryBtn:hover{animation:pulse .5s infinite}.Begin{width:70%;box-shadow:0 4px 8px #000;border:0;height:3rem;font-size:1.5rem;cursor:pointer;transition:background .3s ease;margin:2rem;background:linear-gradient(315deg,#ea00ff 3%,#00ffe5 38%,#02abf5,#ff0400 98%);background-size:400% 400%;background-attachment:fixed;color:#fff;animation:gradient 5s ease infinite}.Begin:hover{animation:gradient 1s ease infinite}.Selected{background-color:#0073e6cc;animation:pulse 1s infinite;filter:saturate(150%)}@media (max-width: 1000px){.DaBox{margin:1rem;flex-direction:column;width:95%}.Difficulty,.Amount{margin:1rem;width:95%}.Categories{width:95%}.CategoryBtn{font-size:1rem;width:40%}.Begin{width:90%}}.QuizPage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative}.QuizContainer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-shadow:0 0 10px #000;-webkit-user-select:none;user-select:none;width:92%;position:relative;border-radius:.2rem}.QuestionText{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000000b3;width:100%;height:5rem;text-align:center;color:#fff;margin-top:0rem;box-shadow:0 0 10px #000}.Answers{margin:3rem;display:grid;align-items:center;justify-items:center;grid-template-columns:repeat(2,1fr);gap:2rem;width:90%}.Answer{display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff;border:1px solid white;box-shadow:0 0 10px #000;background-color:#000000b3;height:5rem;font-size:1.5rem;width:90%;transition:background .25s ease}.Answer:hover{cursor:pointer;color:#000;background-color:#ffffffb3;border:1px solid black}.Confirm{font-size:1.5rem;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid white;box-shadow:0 0 10px #000;cursor:pointer;background-color:#000c;width:50%;margin-top:0rem;margin-bottom:2.5rem;height:4rem;transition:background .25s ease}.Confirm:hover{border:1px solid black;color:#000;background-color:#ffffffb3}.SelectedAnswer{color:#000;background-color:#ffffffb3}#Correct{pointer-events:none;border:1px solid white;background-color:#7cfc00cc}#Incorrect{pointer-events:none;background-color:#f00c}.QuizBar{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:95%;background-color:#000c;color:#fff;box-shadow:0 0 10px #000;border-radius:.2rem;margin-bottom:1rem;text-transform:capitalize}.Multiplier{color:#0ff}.Powerups{display:flex;justify-content:space-evenly;align-items:center;width:12%;border-radius:.2rem;margin-top:1rem;position:absolute;bottom:-.5rem;right:5rem}.Forbidden{filter:saturate(0%);pointer-events:none}.Powerup{margin-top:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}#Minus{pointer-events:none;background-color:#f00c}.Powerup>p{margin-top:.5rem;text-align:center;width:100%;font-weight:700;color:#fff}.PowerupIcon{filter:brightness(150%);width:70%;cursor:pointer;border-radius:.5rem;box-shadow:0 0 10px #000}.PowerupIcon:hover{filter:brightness(200%)}@media (max-width: 1000px){.QuizContainer{width:97%}.QuestionText{box-sizing:border-box;padding:1rem;font-size:.9rem}.Answers{margin-top:2rem;grid-template-columns:repeat(1,1fr)}.Answer{font-size:1rem;height:3rem;width:92%}.Confirm{width:95%;font-size:1rem;height:2.5rem}.QuizBar{width:98%;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-items:center}.QuizBar>*{text-align:center;width:80%;margin:.5rem;font-size:.8rem}.Powerups{width:95%;margin-top:0rem;position:relative;bottom:0;right:0;background-color:#000c;color:#fff;box-shadow:0 0 10px #000;margin:1rem}.Powerup{margin-top:1rem;width:15%}.Powerup>p{font-size:.8rem}}.Results{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;-webkit-user-select:none;user-select:none}.ResultsList{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;color:#fff;padding:0;list-style:none;box-shadow:0 4px 8px #000;border-radius:.2rem;background-color:#000000b3}.ResultItem{margin:1.5rem;opacity:0;transform:translate(50px);animation:fadeInRight .5s ease-out forwards}@keyframes fadeInRight{to{opacity:1;transform:translate(0)}}.ResultItem{opacity:0;transform:translateY(-50px);animation:fadeInTop .5s ease-out forwards;animation-delay:.5s}.PostOptions{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:80%;height:6rem}.PostOptions>a{display:flex;justify-content:center;align-items:center;width:40%;box-shadow:0 4px 8px #000;background-color:#000000b3;border:0;color:#fff;height:3rem;font-size:1.5rem;cursor:pointer;transition:background .3s ease;text-decoration:none}.PostOptions>a:hover{color:#000;background-color:#fffc}@keyframes fadeInTop{to{opacity:1;transform:translateY(0)}}@media (max-width: 1000px){.ResultsList,.PostOptions{width:95%}.PostOptions>a{font-size:1rem}}.MusicPlayer{margin:1rem;display:flex;align-items:center;justify-content:space-evenly;width:50%}.MusicPlayer>button{border:0;height:2.5rem;width:60%;border-radius:.2rem;cursor:pointer;font-weight:900;color:#fff;transition:background .25s ease;background-color:#000000b3;box-shadow:0 4px 8px #000;margin-bottom:1rem}.MusicPlayer>button:hover{color:#000;background-color:#fffc}@media (max-width: 1000px){.MusicPlayer{width:100%}}.Help{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;background:linear-gradient(315deg,#5900ff 3%,#00fb36 38%,#01f,#ff5100 98%);animation:gradient 40s ease infinite;background-size:400% 400%;background-attachment:fixed}.HelpBox{margin:2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;width:60%;box-shadow:0 4px 8px #000;border-radius:.2rem;background-color:#0009;color:#fff}.HelpBox>h3{margin:0;display:flex;justify-content:center;align-items:center;width:100%;text-align:center;height:3rem;background-color:#fffc;color:#000}.HelpBox>p{width:95%;font-style:italic;text-align:center;border-bottom:1px solid rgb(190,190,190);padding-bottom:1rem}.DifficultyHelp{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%}.DifficultyHelp>p{display:flex;align-items:center;justify-content:center;font-style:italic;width:30%;border-radius:.2rem;color:#000;height:3rem}.EasyHelp{background-color:#7cfc00}.MediumHelp{background-color:#ff0}.HardHelp{background-color:red}.PowerupHelp{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%}.PowerupInfo{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:.2rem;width:30%;height:20rem}.PowerupInfo>img{border-radius:.2rem;width:7rem;box-shadow:0 0 10px #00000080;filter:brightness(150%)}.PowerupInfo>p{width:90%;font-size:.9rem;font-style:italic;text-align:center}.BadgesInfo{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%}.BadgeInfo{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:.2rem;width:25%;height:16rem}.BadgeInfo>img{width:7rem}.BadgeInfo>p{width:90%;font-style:italic;text-align:center}.BadgeInfo>h1{font-size:1.5rem}@media (max-width: 1000px){.HelpBox{width:95%}.BadgeInfo{height:14rem}.BadgeInfo>img{width:4rem}.BadgeInfo>h1{font-size:1rem}.PowerupInfo{height:24rem}.PowerupInfo>img{width:5rem}}.Leaderboard{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;background:linear-gradient(315deg,#230065 3%,#00c875 38%,#0073a4,#b70000 98%);animation:gradient 60s ease infinite;background-size:400% 400%;background-attachment:fixed;-webkit-user-select:none;user-select:none;flex:1 1 auto}.Selector{margin-top:2rem;background-color:#000000b3;text-transform:capitalize;width:30%;height:3rem;font-size:1.5rem;text-align:center;color:#fff;box-shadow:0 4px 8px #000;border:none}.LeaderboardTable{margin:1.5rem;box-shadow:0 4px 8px #000;border-radius:.2rem;background-color:#0009;width:40%}.LeaderboardTable>thead{color:#fff;height:3rem}.LeaderboardTable>thead>tr{text-align:center;width:33%;text-transform:capitalize}.LeaderboardTable>tbody>tr>td{text-align:center;height:2rem;width:20%}.OtherName{font-weight:900;color:#1e90ff}.Rank{pointer-events:none;color:#fff}.LeaderboardTable>tbody>tr>td:hover{cursor:pointer;color:#1eceff}.LeaderboardTip{text-align:center;padding:.7rem;width:40%;background-color:#fff9;box-shadow:0 4px 8px #000;border-radius:.2rem;margin:0}@media (max-width: 1000px){.LeaderboardTable{width:95%;margin-bottom:5rem;font-size:.9rem}.Selector,.Kingpin{width:95%}.LeaderboardTip{width:90%;margin-bottom:3rem}}.Other{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;-webkit-user-select:none;user-select:none;background:linear-gradient(315deg,#1c004f 3%,#01ffe6 38%,#0038a0,#ff0400 98%);animation:gradient 40s ease infinite;background-size:400% 400%;background-attachment:fixed;position:relative;flex:1 1 auto}.OtherProfilePicture{border-radius:.2rem;box-shadow:0 4px 8px #000;width:12rem;margin:.5rem .5rem 2rem;pointer-events:none;background-color:#ffffff4d}.Return{width:80%}