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{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}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}strong{font-weight:700}@font-face{font-display:block;font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(../../static/media/material-symbols-outlined.1cf8749a65657da66f02.woff2) format("woff2")}.material-symbols-outlined{font-feature-settings:"liga";font-family:Material Symbols Outlined}@font-face{font-display:block;font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;src:url(../../static/media/material-symbols-rounded.43a1182ab3e237d347a5.woff2) format("woff2")}.material-symbols-outlined,.material-symbols-rounded{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.material-symbols-rounded{font-feature-settings:"liga";font-family:Material Symbols Rounded}@font-face{font-display:block;font-family:Material Symbols Sharp;font-style:normal;font-weight:100 700;src:url(../../static/media/material-symbols-sharp.5b726661f89d25415c14.woff2) format("woff2")}.material-symbols-sharp{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Symbols Sharp;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}html{color:#292929}:focus-visible{outline:3px solid #ffc042;outline-offset:5px}#root{height:100%}body,h1,h2,h3,h4{font-family:Inter,Helvetica,sans-serif}#main{padding-inline:5%}main{margin-bottom:20%;overflow-x:hidden}main.background{background:linear-gradient(90deg,#30225b,#4a2794 51.5%,#2f0b7f);height:100vh;margin:0;overflow-y:auto;padding-block:3rem 6rem;padding-inline:5%}.skip-to-main{background-color:#6842ff;border-radius:6px;box-sizing:border-box;color:#fff;font-size:1rem;font-weight:bolder;letter-spacing:.02rem;line-height:1.1;padding:1rem .75rem;position:absolute;text-align:center;text-decoration:none;text-transform:uppercase;top:-1000px;transform:translateY(-100px)}.skip{border:2px dashed #fff;border-radius:6px;padding:.45rem .85rem}.skip-to-main:focus{top:0;transform:translateY(0);transition:transform .3s;z-index:2}nav{background:linear-gradient(90deg,#30225b,#4a2794 51.5%,#2f0b7f);color:#fff;font-size:1.5rem;padding-inline:5%;padding-top:5%;position:absolute;width:90%}ul{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.icon-menu{font-size:3rem}.logo{color:#fff;font-family:Gill Sans;font-size:1.5rem;text-decoration:none}#mobile-menu{background-color:#fff;display:block;height:900px;left:0;padding:25% 5%;position:absolute;top:70px;width:90%;z-index:1}#mobile-menu ul{align-items:flex-start;flex-direction:column}#mobile-menu li{color:#2b3437;font-family:Gill Sans,Gill Sans MT;font-weight:400;padding:2rem 0;text-decoration:none;text-transform:uppercase;width:100%}#mobile-menu li:last-child{border-top:1px solid #dbd6ea;margin-top:20%}#mobile-menu li.active{color:#6842ff;font-weight:645;-webkit-text-decoration:overline #6842ff;text-decoration:overline #6842ff}h1{font-size:2.5rem;font-weight:400;line-height:normal;margin-block:10%}h2{font-size:1.8rem;font-weight:600;line-height:130%;padding-block:10% 5%;text-align:center;text-transform:capitalize}h3{color:#351184;font-weight:500;line-height:normal;padding-block:15% 0}h3,p{font-size:1.125rem}p{color:#505050;line-height:140%;text-align:center}p a{font-weight:650;text-decoration:none}.gill-font{font-family:Gill Sans}.center-font{text-align:center}.hero-banner,.hero-text-container{display:flex;flex-direction:column}.hero-banner{align-items:flex-start;background:linear-gradient(90deg,#30225b,#4a2794 51.5%,#2f0b7f);background-color:#30225b;color:#fff;padding-inline:5%;padding-bottom:30%;padding-top:35%}button{grid-column-gap:.5rem;align-items:center;background-color:#6842ff;border:none;border-radius:.875rem;color:#fff;column-gap:.5rem;cursor:pointer;display:grid;font-family:Gill Sans;font-size:1.125rem;font-weight:600;grid-template-columns:auto auto;letter-spacing:.09rem;line-height:1;padding:.5rem 1rem;width:-webkit-max-content;width:max-content}button.start-game:disabled{background-color:#506742}#mobile-menu button{background-color:#fff;color:#6842ff;font-size:1.125rem;font-weight:600;padding:0;text-transform:uppercase}.start-game{background-color:#2a6d01;grid-template-columns:auto;margin-top:3rem;padding:.75rem;width:100%}.categories-grid{column-gap:5%;display:flex;flex-wrap:wrap;margin-block:10%}.card{align-items:flex-start;border-radius:.75rem;box-shadow:0 0 16.6px 12px #7149c70f;cursor:pointer;display:flex;flex-direction:column;margin-bottom:5%;padding:10% 4%;width:39.5%}.icon-container{align-items:center;background-color:#4a2794;border-radius:50%;box-shadow:4px 4px 30px 0 #6543ee66;color:#fff;display:flex;height:3rem;justify-content:center;line-height:3rem;width:3rem}.card-icon{font-size:1.5rem}.purple-section{background:linear-gradient(270deg,#f3eefb,#fbfbfd);margin-inline:0;padding-bottom:10%;padding-inline:5%}.flex-box{align-items:center;display:flex;flex-direction:column;padding-inline:5%;row-gap:2rem}.no-padding{padding:0}footer{align-items:center;background-color:#221049;color:#fff;display:flex;flex-direction:column;padding:10% 5%;row-gap:40px}footer p{color:hsla(0,0%,100%,.615);text-align:left}.steps-container{display:flex;flex-direction:column;margin-block:3rem;row-gap:5rem}.steps-container .step-box:nth-of-type(2n){align-items:flex-end}.step-box{row-gap:2rem}.step-box,.step-details{display:flex;flex-direction:column}.step-details{align-items:flex-start;row-gap:1.5rem}.steps-container .step-box:nth-of-type(2n) .step-details{align-items:flex-end}.step-box img{width:20%}.step-details h3{font-size:1.375rem;font-weight:600;padding-block:0}div.step-box:nth-of-type(odd) p{text-align:left}div.step-box:nth-of-type(2n) p{text-align:right}.banner-content-centered{align-items:center;display:flex;flex-direction:column}.banner-content-centered h1{font-weight:600;margin-bottom:2rem}.banner-content-centered p{color:#fff;padding-block:0 2.5rem}form{background-color:#fff;border-radius:.625rem;box-shadow:0 0 16.6px 12px #ffffff0f;margin-block:4rem;padding:2rem 1.125rem;width:88%}fieldset{display:flex;flex-direction:column}.label,label{color:#30225b;font-family:Gill Sans;font-size:1.125rem;font-weight:600}.label{text-align:left}input{background-color:#4b28950d;border:1px solid #30225b;border-radius:.25rem;color:#30225b;font-family:Inter;font-size:1.15rem;font-weight:500;margin-block:1rem 0;padding:1rem;width:90%}::placeholder{color:#30225b;opacity:.75}input:focus-visible{outline:2px solid #6842ff}.avatar-grid{grid-column-gap:.5rem;grid-row-gap:1rem;column-gap:.5rem;display:grid;grid-template-columns:18% 18% 18% 18% 18%;justify-content:space-between;justify-items:center;margin-block:1rem 0;row-gap:1rem}.avatar-circle{border-radius:50%;box-shadow:0 0 13.1px 0 #6543ee63;height:3rem;vertical-align:middle;width:3rem}.selected-avatar{background-color:#67a73f6a;border:3px solid #2a6d01}.avatar-circle img{cursor:pointer;padding:20%;width:60%}.settings-container{align-items:flex-start;background-color:#342362;display:flex;flex-direction:column;height:900px;padding-inline:5%;position:absolute;top:0;width:90%;z-index:3}.settings-container h2{font-size:1.75rem;font-weight:700;padding:0}.settings-container label{color:#fff;font-size:1.2rem}.settings-heading{align-items:center;color:hsla(0,0%,100%,.808);display:flex;justify-content:space-between;margin-block:1.5rem 3rem;width:100%}.settings-select{-webkit-appearance:none;appearance:none;background:#4a2794;background-image:url(../../static/media/expand_more.99577fa51aff2aee84a4.svg);background-position-x:98%;background-position-y:50%;background-repeat:no-repeat;border:2px solid #6c3dcf;border-radius:.875rem;color:#fff;height:3rem;margin-block:1rem 3rem;padding-inline:2%;width:100%}.option,.settings-select{font-family:Inter;font-size:1rem}p.error{color:#ad0d0d;font-family:Inter;font-size:.85rem;font-weight:600;padding-bottom:0;padding-top:1.5rem;text-align:left}.game-heading{align-items:flex-start;display:flex;justify-content:space-between}.timer-container{align-items:center;color:#fff;display:flex;flex-direction:column;row-gap:1.5rem}.timer-text{color:#fff;font-family:Gill Sans;font-size:1rem;font-weight:300}.countdown{font-family:Inter;font-size:1.5rem;font-weight:600}.exit{background-color:initial;font-size:1.375rem;font-weight:700;grid-template-columns:auto;padding:0}.timer-end{align-items:center;display:flex;flex-direction:column;font-family:Inter;font-size:.75rem}.glow{background:#d9d9d908;border-radius:3.4375rem;box-shadow:0 0 24.3px -1px #ffffff9c;flex-shrink:0;height:5rem;width:5rem}div.score p{color:#f7ff3b;font-family:Gill Sans;font-size:1.2rem;font-weight:400;margin-top:4rem}.loading{align-items:center;display:flex;flex-direction:column}.question{color:#fff;font-family:Inter;font-size:1.875rem;font-weight:600;text-align:center}.answers-list{display:flex;flex-direction:column;justify-items:center;margin-top:3rem;row-gap:1rem}button.answer{border-radius:.5rem;font-family:Inter;font-size:.875rem;font-weight:500;grid-template-columns:auto;height:4.125rem;line-height:normal;overflow:auto;padding:1.5rem;text-align:left;width:100%}.disabled{background-color:#7e7b9b}.green{background-color:#2a6d01;box-shadow:0 0 22.6px -2px #9eed6d66}.red{background-color:#720000;box-shadow:0 0 25.4px 0 #ff3e3e66}.popup-background{background-color:#0006;height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:5}.timer-message{align-items:center;background-color:#fff;border-radius:.875rem;bottom:0;color:#720000;column-gap:1rem;display:flex;font-family:Inter;font-size:1.25rem;font-weight:700;height:5rem;justify-content:center;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;width:14rem}.end-game-popup{margin-block:1rem}.end-game-popup,.leaderboard-section{align-items:center;display:flex;flex-direction:column}.leaderboard-section{background:linear-gradient(90deg,#30225b,#4a2794 51.5%,#2f0b7f);border-radius:1rem 1rem 0 0;color:#f7ff3b;height:34rem;padding-bottom:1rem;width:90%}.leaderboard-section h1{font-family:Gill Sans;font-size:1.5rem;font-weight:700;text-transform:uppercase}.summary-section{background:#fff;border-radius:0 0 1rem 1rem;height:21rem;width:90%}.player-info{column-gap:1rem;display:flex;flex-direction:row;justify-content:flex-start;padding:1rem}.player-info h2{color:#8973b9;font-size:1.25rem;font-weight:600;margin-bottom:.25rem;padding:0;text-align:left;text-transform:capitalize;white-space:nowrap}.player-info-details{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between}.player-circle{border-radius:50%;box-shadow:0 0 13.1px 0 #6543ee63;height:5rem;vertical-align:middle;width:5rem}.points{align-items:baseline;column-gap:.7rem;display:flex;flex-direction:row}.points h3{color:#4a2794;font-size:2.5rem;font-weight:800;line-height:0;padding:0}.points h4{color:#747474;font-size:.75rem;font-weight:600;text-align:left;text-transform:uppercase}.player-circle img{padding:15%;width:70%}.results-overview{background:#fff;border:1px solid #dfd3ff;border-radius:.5rem;box-shadow:4px 7px 14.2px 0 #7149c73b;margin:1rem;padding:1rem}.results-overview h5{color:#7c68a8;font-family:Gill Sans;font-size:.8rem;font-weight:600;line-height:normal}.summary-grid{display:flex;grid-template-columns:3.75rem 3.75rem 3.75rem;justify-content:space-between}.summary-item{align-items:center;display:flex;flex-direction:column;margin-block:1rem 0}.summary-item span{color:#737373;font-size:.625rem;margin-top:.5rem;text-align:center;width:4.5rem}.circle{background-color:#4a2794;border-radius:50%;color:#fff;font-weight:600;height:2.06rem;line-height:2.06rem;text-align:center;width:2.06rem}.circle.green-circle{background-color:#2a6d01}.circle.red-circle{background-color:#720000}.buttons{display:flex;flex-direction:row;justify-content:space-between;margin:2rem 1rem}.secondary{background-color:#fff;border:1px solid #6842ff;border-radius:.875rem;color:#6842ff;grid-template-columns:auto}.table-container{display:flex;justify-content:center}.table{border-collapse:collapse;border-radius:1rem;box-shadow:0 4px 25.3px 5px #00000080;color:#fff;font-size:.875rem;font-weight:500;line-height:normal;overflow:hidden}.table thead tr{background:#341083;border-radius:1rem 1rem 0 0;text-align:left}.table td,.table th{padding:.75rem 1rem;white-space:nowrap}.table th{font-size:.75rem}.table th:nth-of-type(3){padding-inline:0}.table th:nth-of-type(2){color:#341083}.table tbody tr{height:2rem;padding-block:.5rem}.table td{padding:0;text-align:center}.table tbody td{padding-block:.5rem}.table tbody td:nth-of-type(2){padding-inline-end:1rem}.table tbody td:nth-of-type(3){font-weight:500;text-align:left;text-transform:capitalize}.table tbody td:first-of-type,.table tbody td:last-of-type{font-family:Gill Sans;font-size:1.125rem;font-weight:700}.table tbody tr:nth-of-type(odd){background-color:#4f29a1;color:#f7ff3b}.table tbody tr:nth-of-type(2n){background-color:#a4a6e1;color:#310d80}.little-circle{background-color:#fff;border-radius:50%;filter:drop-shadow(0 0 13.1px rgba(101,67,238,.39));height:1.25rem;width:1.25rem}.little-circle img{padding:5%;width:80%}.active-row{background:linear-gradient(90deg,#30225b,#4a2794 51.5%,#2f0b7f);box-shadow:0 4px 8px 4px #00000078;position:relative;z-index:3}tr.active-row td{color:#f7ff3b;font-weight:800}.active-row.light{background:linear-gradient(90deg,#babced,#a4a6e1 51.5%,#888ad9)}tr.active-row.light td{color:#310d80}tr.active-row.light td:nth-of-type(3){font-weight:800}@media only screen and (min-width:672px){.logo{font-size:1.75rem}nav{padding-top:10%}button .material-symbols-rounded{font-size:32px;font-weight:600}.icon-menu{font-size:4rem}.card{padding:6% 4%;width:22%}#mobile-menu{top:200px}h1{font-size:5rem}p{font-size:1.25rem}button{column-gap:.75rem;padding:.75rem 2rem}.button.answer,button{font-size:1.5rem}.question{font-size:3rem}.buttons{margin:0;padding:2.5rem 1.5rem}.avatar-circle{height:4.5rem;width:4.5rem}.label,label{font-size:1.35rem}.leaderboard-section,.summary-section{height:-webkit-max-content;height:max-content}.table-container{margin-bottom:8%}.table th{font-size:.85rem}.table td,.table th{padding:.85rem 1.125rem}.table tbody td:first-of-type,.table tbody td:last-of-type{font-size:1.5rem}.table tbody td:nth-of-type(3){font-size:1rem}.player-info{column-gap:2rem;padding:1.5rem}.player-info h2{font-size:1.85rem;margin-bottom:1.5rem}.player-info-details{justify-content:space-around}.player-circle{height:8rem;width:8rem}.points h3{font-size:4rem}.points h4{font-size:1rem}.results-overview{padding:1.5rem}.results-overview h5{font-size:1rem;margin-bottom:1rem}.summary-item span{font-size:.85rem;margin-top:.75rem;width:auto}.circle{font-size:1.5rem;height:3rem;line-height:3rem;width:3rem}.start-game{font-size:1.5rem;padding:1rem}.selected-avatar{border:4px solid #2a6d01}input{width:94.5%}}@media only screen and (min-width:1024px){main{height:100%;margin-bottom:10%}nav{padding-top:3rem}nav button .material-symbols-rounded{display:none}#mobile-menu button:hover,button:hover{background-color:#fff;color:#6842ff}.hero-banner{align-items:center;flex-direction:row-reverse;justify-content:center;padding-block:15% 10%}.hero-banner img{position:relative;right:-160px;top:-120px;width:100%}.hero-banner.start-page{column-gap:3rem;flex-direction:row;padding-bottom:1rem}.hero-banner .avatar-circle img{right:0;top:0;width:60%}h2{font-size:2.375rem;padding-block:8% 2%}p{font-size:1.5rem}.categories-grid{justify-content:center;margin-block:5%}.card{padding:3% 2%;width:26%}.card:nth-of-type(10),.card:nth-of-type(4),.card:nth-of-type(5),.card:nth-of-type(9){flex-basis:27%}footer{flex-direction:row-reverse;justify-content:space-between;padding:8% 5%}#mobile-menu{background:#0000;color:#fff;display:flex;flex-direction:row;height:auto;padding:0;position:relative;top:auto;width:auto}#mobile-menu ul{align-items:center;flex-direction:row}#mobile-menu li,#mobile-menu li.active{color:#fff;text-decoration:none}#mobile-menu li{cursor:pointer;font-family:Inter;font-size:1.375rem;padding:0;padding-inline:1.5rem;text-transform:none;width:auto}#mobile-menu li:hover{text-decoration:underline;text-underline-offset:10px}#mobile-menu li:last-child:hover{text-decoration:none}#mobile-menu button{background-color:#6842ff;color:#fff;font-size:1.125rem;font-weight:600;grid-template-columns:auto;padding:.5rem 1.5rem;text-transform:none}#mobile-menu li:last-child{border-top:0;margin-top:0;padding-right:0}.icon-menu{display:none}.steps-container{margin-block:6rem 8rem;row-gap:8rem}.steps-container .step-box:nth-of-type(2n) .step-details{align-items:flex-start}div.step-box:nth-of-type(2n) p{text-align:left}.steps-container .step-box:nth-of-type(2n){align-items:center}.step-box{column-gap:4rem;flex-direction:row;margin-inline:4rem;row-gap:normal}.step-box img{width:15rem}.step-details{justify-content:center}.step-details h3{font-size:2.125rem}form{width:450px}input{width:auto}.avatar-circle{height:3rem;width:3rem}.banner-content-centered{align-items:flex-start}.banner-content-centered p{text-align:left}.banner-content-centered div#main{padding:0}.purple-section img{width:24rem}.settings-container{animation-duration:.5s;animation-name:slideInAnimation;left:0;padding-inline:2rem;width:30%}.settings-container.slide-out{animation-name:slideOutAnimation}.settings-container .settings-heading .icon-menu{cursor:pointer;display:block;font-size:40px}div.score p{margin-top:2rem}h1.question{margin-block:2rem 6rem}button.answer{height:6.165rem;width:32rem}.settings-container button.start-game:hover,form#player-customization button.start-game:hover{background-color:#245704;color:#fff}div.answers-list button.answer:hover{background-color:#6842ff;color:#fff}div.answers-list button.answer.disabled:hover{background-color:#7e7b9b;color:#fff}div.answers-list button.answer.red:hover{background-color:#720000;color:#fff}div.answers-list button.answer.green:hover{background-color:#2a6d01;color:#fff}.answers-list{grid-column-gap:1rem;grid-row-gap:1rem;display:grid;grid-template-columns:1fr 1fr;justify-content:center;margin-inline:6rem}main.background{padding-bottom:30rem}.player-circle{height:13rem;width:13rem}.player-info{align-items:center;flex-direction:column}.player-info h2{margin-block:1rem}.player-info-details,.points{align-items:center}.points{flex-direction:column}.points h3{font-size:3.5rem;padding-block:2rem}.circle{font-size:1.125rem;height:2.5rem;line-height:2.5rem;width:2.5rem}.end-game-popup{flex-direction:row-reverse;justify-content:center;margin:auto;margin-block:2rem;width:30rem}.summary-section{border-radius:1rem 0 0 1rem;height:45.5rem}.summary-item span{font-size:.75rem}.leaderboard-section{border-radius:0 1rem 1rem 0;height:44.5rem;padding-inline:3rem}.buttons{column-gap:3rem}.buttons button{font-size:1.375rem;padding:.5rem 1rem}.popup-background{background-color:#000000d9}.buttons button:hover{border:1px solid #6842ff}.buttons button.secondary:hover{background-color:#6842ff;color:#fff}.full-width{width:100%}.settings-container.full-width{align-items:center;margin-inline:auto;padding:0}.settings-container.full-width button.start-game,.settings-container.full-width select{width:50%}.settings-container.full-width .settings-heading{justify-content:center}.game-heading button.exit:hover{background-color:initial;color:#fff;text-decoration:underline;text-underline-offset:10px}.table th:nth-of-type(3){padding-left:1rem}@keyframes slideInAnimation{0%{left:-1000px;top:0}to{left:0;top:0}}}
/*# sourceMappingURL=main.0817c2ec.css.map*/