@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.wrapper{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:none}.spinner{width:300px;text-align:center}.spinner>div{width:36px;height:36px;background-color:#333;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s ease-in-out infinite both}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.nav-container{display:flex;justify-content:space-around;align-items:center;padding:.5em 1em;box-shadow:0 2px 3px #30122e}.nav__authLinks{display:flex}.nav__logo{font-size:2.5em;color:var(--main-f-color)}li{margin:.4em 1em;transition:transform .2s}li:hover{transform:scale(1.2)}.logout-btn{background-color:var(--sub-f-color);padding:.3em .4em;border-radius:var(--border-radius)}@media only screen and (max-width:600px){.nav-container{flex-direction:column}}.home-wrapper{width:90%;max-width:1000px;margin:3em auto;text-align:center}.home-wrapper h1{color:var(--main-f-color);font-size:2.5em}.categories{width:90%;margin:2em auto;display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.category{width:80%;margin:0 auto;background-color:#fff;border-radius:var(--border-radius);padding:1em;font-size:clamp(1rem,6vw,2rem);transition:transform .2s}.category:hover{transform:scale(1.1)}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw;height:100vh}.container>h1{padding-bottom:1em;font-size:clamp(60px,10vw,70px);color:var(--main-f-color)}.auth-box{width:90%;max-width:400px;background-color:#fff;border-radius:25px;box-shadow:0 0 8px #757575;text-align:center;display:flex;flex-direction:column;padding:1em}.auth-box>h1{padding-bottom:1em;font-size:clamp(30px,10vw,50px)}.signup__form{width:100%}.signup__form input{width:70%;height:30px;margin:.5em 0;border-radius:25px;border:1px solid #ccc}input{transition:transform .2s}input:focus{transform:scale(1.1)}label{display:flex;justify-content:center}button[type=submit]{width:40%;height:30px}.change-link{color:var(--sub-f-color)}select{font-family:"Fredoka One",cursive;width:70%;height:30px;margin:.5em 0;border-radius:25px;border:1px solid #ccc;background-color:transparent;text-align:center}.container-profile{display:flex;justify-content:center;align-items:center;flex-direction:column;grid-row-gap:1.5em;row-gap:1.5em;width:90%;max-width:400px;margin:2em auto;padding:3em 2em;background-color:#fff;border-radius:var(--border-radius)}.profile-section{width:60vh;border-radius:25px;box-shadow:0 0 8px #757575;text-align:center;padding:3em}.profile-section>h1{padding-bottom:1em;font-size:1.3em;color:#3e355d;font-weight:700;padding-top:1em}.container-profile>h2{padding-bottom:1em;color:#000}button[type=submit]{font-family:"Fredoka One",cursive;width:60%;margin:.5em;border-radius:25px;border:1px solid #ccc;background-size:400% 400%;animation:GradientLoop 10s ease infinite}.question-container{width:100%;max-width:1024px;margin:0 auto;padding:2em;text-align:center;font-size:clamp(1rem,6vw,2rem)}.question{color:var(--main-f-color);margin:.5em auto;padding-bottom:2em}.answers-container{width:100%;margin:0 auto;display:grid;grid-gap:1em;gap:1em;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.answer{margin:0 auto;background-color:#fff;color:var(--sub-f-color);border-radius:var(--border-radius);transition:transform .2s;padding:.5em;font-size:clamp(.1rem,5vw,2rem);font-family:"Fredoka One",cursive}.answer:hover{cursor:pointer;transform:scale(1.1)}.question-number{width:70%;margin:1rem auto;text-align:center;font-size:2em;color:var(--main-f-color)}.input-questions{display:flex}.leaderboard-container{width:70%;margin:2em auto}.leaderboards{width:100%;margin:0 auto}.leaderboards tr{background-color:#fff}.leaderboards tr:nth-child(odd){background-color:#dbdbdb}.leaderboards th{background-color:transparent;color:#000}.leaderboards td,th{border:2px solid #535353;padding:8px;color:var(--sub-f-color);text-align:center}:root{--main-f-color:#fff;--sub-f-color:#3e355d;--main-f-size:2em;--border-radius:20px}*{box-sizing:border-box}.app{color:#3e355d;color:var(--sub-f-color);font-family:"Fredoka One",cursive;height:100vh;width:100vw;background-color:#461a42}@keyframes GradientLoop{0%{background-position:0 50%}50%{background-position:25% 100%}to{background-position:0 50%}}a{text-decoration:none;color:#fff;color:var(--main-f-color)}
/*# sourceMappingURL=main.c791f019.chunk.css.map */