body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{background-color:#132437;background-color:var(--brandnavy)}.title{align-items:center;display:flex;justify-content:center;position:relative}.title h1{color:#d9d9d9;color:var(--brandwhite);font-family:Inter;font-size:40px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:0;margin-top:5hv}.upper-block{position:static}.podium{align-self:flex-end;background-color:#dfdfdf;border-top-left-radius:12%;border-top-right-radius:12%;bottom:40px;display:flex;height:30%;justify-content:start;position:relative;width:90%}.podium p{color:#000;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.second-place{align-items:center;align-self:flex-start;align-self:flex-end;background-color:#dfdfdf;border-top-left-radius:8%;display:flex;flex-direction:column;height:120%;justify-content:center;text-align:center;width:33%}.second-place p{display:block;margin:0}.second-place p.name{color:#0c0600;font-size:15px}.second-place p.name,.second-place p.score{font-family:Inter;font-style:normal;font-weight:700;line-height:normal;margin-top:5px}.second-place p.score{color:#009bd6;font-size:20px}.avatar-second{border:3px solid #009bd6;border-radius:50%;bottom:11vh;height:18vw;position:absolute;width:18vw}.first-place{align-items:center;align-self:flex-end;background-color:#d4d4d6;border-top-left-radius:20%;border-top-right-radius:20%;display:flex;flex-direction:column;height:150%;justify-content:center;text-align:center;width:34%}.first-place p{display:block;margin:0}.first-place p.name{color:#0c0600;font-size:15px}.first-place p.name,.first-place p.score{font-family:Inter;font-style:normal;font-weight:700;line-height:normal;margin-top:5px}.first-place p.score{color:#fb9639;font-size:20px}.avatar-first{border:3px solid #fa0;border-radius:50%;bottom:15vh;height:20vw;position:absolute;width:20vw}.third-place{align-items:center;align-self:flex-end;background-color:#dfdfdf;border-top-right-radius:8%;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:33%}.third-place p{display:block;margin:0}.third-place p.name{color:#0c0600;font-size:15px}.third-place p.name,.third-place p.score{font-family:Inter;font-style:normal;font-weight:700;line-height:normal;margin-top:5px}.third-place p.score{color:#00d95f;font-size:20px}.avatar-third{border:3px solid #00d95f;border-radius:50%;bottom:9vh;height:18vw;position:absolute;width:18vw}.leaderboard{background-color:#e3e3e3;border-radius:30px 30px 0 0;box-shadow:0 1vh 5vh 0 #132437;box-shadow:0 1vh 5vh 0 var(--brandnavy);height:60vh;overflow-y:scroll;padding:20px}.entry{align-items:center;border-bottom:1px solid #ccc;display:flex;padding:10px 20px}.avatar{border-radius:50%;flex:0 0 50px;height:50px;margin-right:15px;overflow:hidden}.avatar img{height:100%;object-fit:cover;width:100%}.player-info{flex:1 1}.player-info h2{font-size:20px;margin:0;padding:0}.player-info p{color:#911b1b;font-size:15px}.score{font-size:20px;font-weight:700}:root{--brand-color:#0c2435}.container{background-color:#0c2435;background-color:var(--brand-color);position:relative}.upper-block{font-size:14vh;height:40vh;line-height:100vh}.lower-block,.upper-block{align-items:center;display:flex;justify-content:center}.lower-block{background-color:#e3e3e3;border-radius:30px 30px 0 0;height:60vh}.image,.lower-block{box-shadow:0 1vh 5vh 0 #0c2435;box-shadow:0 1vh 5vh 0 var(--brand-color)}.image{border-radius:50%;height:auto;left:50%;position:absolute;top:42%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50vw}.google-login-btn{background-color:#102436;border-radius:.5vh;box-shadow:0 3px 5px 0 #0c2435;box-shadow:0 3px 5px 0 var(--brand-color);color:#fff;padding:.5vh 2vh;text-align:center;text-transform:capitalize}:root{--brandwhite:#d9d9d9;--brandnavy:#132437;--brandgreen:#46c973}input,ul{padding:0}.container-root{background-color:#132437;background-color:var(--brandnavy);height:100vh;justify-content:center;padding:20px}.container-question,.container-root{align-items:center;display:flex;flex-direction:column}.container-question{background-color:#d9d9d9;background-color:var(--brandwhite);border-radius:15px;box-sizing:border-box;height:auto;justify-content:space-between;margin-bottom:10px;padding:19px;text-align:center;width:100%}.container-question img{border:1px solid #132437;border-radius:6px;height:auto;max-width:100%}.thumbnailImage{cursor:pointer}.modalContainer{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modalImage{margin:auto;max-height:100%;max-width:100%}.container-question .question-text{color:#132437;font-size:18px;font-weight:700;padding:15px 0}.container-responses{word-wrap:break-word;background-color:#d9d9d9;background-color:var(--brandwhite);border-radius:15px;box-sizing:border-box;display:flex;flex-direction:column;height:55vh;justify-content:space-evenly;overflow:auto;padding:10px 20px;width:100%}.responses{height:80%;width:100%}.responses li{height:25%;list-style-type:none;width:100%}.response-button{background-color:initial;border:none;border-bottom:1px solid #132437;border-bottom:1px solid var(--brandnavy);cursor:pointer;font-size:16px;padding:10px;text-align:center;transition:background-color .3s;width:100%}.response-button.active{background-color:#46c973;background-color:var(--brandgreen);color:#fff}.scq-input{background-color:#d1d1d1;border-radius:10px;color:#000;font-size:30px;height:40%;text-align:center;width:100%}.container-validation{align-items:center;display:flex;justify-content:center;margin-top:10px;min-height:15vh;width:100%}.container-validation button{background-color:#46c973;background-color:var(--brandgreen);border:none;cursor:pointer;font-size:18px;height:60%;transition:background-color .3s}.answer,.container-validation button{border-radius:15px;color:#d9d9d9;color:var(--brandwhite);width:100%}.answer{word-wrap:break-word;min-height:60%;overflow:auto}.answer p{font-size:calc(1rem + 1vw);margin:.5rem;text-align:center}.answer.wrong{background-color:red;color:#000}.answer.correct{background-color:#46c973;background-color:var(--brandgreen)}.container-validation button:hover{background-color:darken(#46c973,10%);background-color:darken(var(--brandgreen),10%)}.container-validation button:disabled{background-color:#aaa;cursor:not-allowed}
/*# sourceMappingURL=main.415fd3f4.css.map*/