@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}.App{text-align:center}.red-border{border:1px solid red}.green-border{border:1px solid green}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}button{background:#030303;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;font-weight:800;height:3.2em;letter-spacing:4px;text-transform:uppercase;-webkit-transition:.4s ease;transition:.4s ease;width:22rem}button:disabled{background:#fff;color:#000;opacity:.6}button:hover{opacity:.9;-webkit-transform:translateY(-2px);transform:translateY(-2px)}button:disabled:hover{-webkit-transform:none;transform:none}.login__container{background:-webkit-gradient(linear,left bottom,left top,from(#c31432),to(#c45e44));background:linear-gradient(0deg,#c31432,#c45e44);height:100vh;width:100vw}.login,.login__container{align-items:center;display:flex;justify-content:center}.login{-webkit-backdrop-filter:blur(4.1px);backdrop-filter:blur(4.1px);background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.23);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.25);flex-flow:column wrap;grid-gap:20px;gap:20px;height:30rem;width:26rem}.login img{margin-bottom:30px}.login input{border:none;border-radius:3px;height:2.8em;outline:none;padding-left:10px;width:22rem}label h5{display:flex;flex-direction:column;font-size:12px;font-weight:400;margin-bottom:6px}.logo{height:10vmin;pointer-events:none}footer{align-items:center;background-color:transparent;bottom:0;color:#fff;display:flex;height:50px;justify-content:center;letter-spacing:1.2px;line-height:15px;position:fixed;text-align:center;width:100%}footer p{font-size:10px;font-weight:200}.loading{background:-webkit-gradient(linear,left bottom,left top,from(#143dc3),to(#8c77eb));background:linear-gradient(0deg,#143dc3,#8c77eb);color:#fff;font-size:20px;height:100vh;justify-content:center;letter-spacing:2px;overflow:hidden}.loading,header{align-items:center;display:flex;width:100vw}header{background:hsla(0,0%,85.5%,.2);border-bottom:1px solid hsla(0,0%,84.7%,.3);box-shadow:0 4px 30px rgba(0,0,0,.15);height:6vh;justify-content:space-between;position:fixed}.header__container{align-items:center;display:flex;justify-content:space-around;margin:auto;width:100%}.header__left{align-items:center;display:flex;justify-content:center}.header__left img{height:4vmin;margin-right:26px;-webkit-transition:.3s ease;transition:.3s ease}.header__right{align-items:center;display:flex;justify-content:center}.header__right img{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 30px rgba(0,0,0,.25);height:4vh;margin-left:20px}.header__left img:hover{height:4.4vmin}header span{color:#0c0c0c;font-size:14px;font-weight:800}.game__container{align-items:center;background:-webkit-gradient(linear,left bottom,left top,from(#143dc3),to(#8c77eb));background:linear-gradient(0deg,#143dc3,#8c77eb);color:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden;overflow-y:hidden;width:100vw}.game__container button{font-size:14px;font-weight:300}.game__headings{align-items:center;display:flex;flex-direction:column;height:220px;justify-content:center;margin-top:-140px;width:100%}.game__headings h4{background:hsla(0,0%,74.5%,.2);border-radius:4px;color:#ffd86d;font-size:12px;font-weight:400;letter-spacing:1.4px;margin-bottom:1.2em;padding-block:.6em;padding-inline:4em;text-align:center}.game__headings p{font-size:32px;font-weight:200;text-align:center;width:60%}.game__alternatives{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;justify-content:center;margin:auto;width:45em}.game__alternatives button{background-color:#260063;border:3px solid #fff;color:#fff;font-weight:800}.game__alternatives button:disabled{background:#a0a0a0;color:#4b4b4b;opacity:.6}.game__options{align-items:center;display:flex;flex-direction:column;grid-gap:10px;gap:10px;height:10rem;justify-content:center}.next-question-btn{background:transparent;height:20px;text-align:left;text-decoration:underline;width:auto}.answers-reveal [data-testid=correct-answer]{border:3px solid #06f00f}.answers-reveal [data-testid^=wrong-answer-]{border:3px solid red}.feedback__container{background:-webkit-gradient(linear,left top,left bottom,from(#afffd7),to(#2117a7));background:linear-gradient(180deg,#afffd7,#2117a7);color:#fff;height:100vh;overflow:hidden;width:100vw}.feedback__container,.feedback__container section{align-items:center;display:flex;justify-content:center}.feedback__container section{flex-direction:column;grid-gap:20px;gap:20px}.feedback__container div{align-items:flex-start;flex-direction:column;grid-gap:6px;gap:6px;margin-bottom:20px}.feedback__container div,.feedback__text{display:flex;font-weight:300;justify-content:center}.feedback__text{align-items:center;letter-spacing:1.4px;text-align:center;width:100%}.feedback__text span{color:#002d8f;font-weight:900}.btn-play-again{background-color:transparent;box-shadow:0 4px 30px rgba(0,0,0,.25);margin-top:-30px;outline:3px solid #00ffc8}.btn-play-again:hover{color:#00ffc8}.ranking__container{background:-webkit-gradient(linear,left bottom,left top,from(#143dc3),to(#8c77eb));background:linear-gradient(0deg,#143dc3,#8c77eb);color:#fff;height:100vh;overflow:hidden;overflow-y:hidden;width:100vw}.ranking,.ranking__container{align-items:center;display:flex;flex-direction:column;justify-content:center}.ranking{height:80vh;min-width:480px;padding-top:60px}.ranking h2{margin-top:.8em}.ranking__container div{margin-top:10px;overflow-x:hidden}.ranking__container button{margin-top:20px}.ranking__container img{height:40px}.ranking__item{align-items:center;display:flex;justify-content:center}.ranking__item img{border-radius:50%;padding-inline:20px}.ranking__container p{padding-inline:80px}
/*# sourceMappingURL=main.482f8617.chunk.css.map */