@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300&display=swap);body{box-sizing:border-box;font-family:Jost,sans-serif;margin:0;padding:0}.questions{display:flex;flex-direction:column;padding:1rem;text-align:center}.questions h1{color:#88df86;font-size:3rem;font-weight:700;text-align:center}.questions label{display:flex;flex-direction:column}.questions label input{background:#f3f3f3;border:1px solid #e5e5e5;border-radius:10rem;font-size:17px;padding:1rem}.questions label input::-webkit-input-placeholder{color:rgba(0,0,0,.312);font-weight:700}.questions label input:-ms-input-placeholder{color:rgba(0,0,0,.312);font-weight:700}.questions label input::placeholder{color:rgba(0,0,0,.312);font-weight:700}.questions label p{border-bottom:2px solid #88df86;color:#88df86;font-size:1.3rem;font-weight:700;margin-left:.8rem;padding:0 .5rem;width:-webkit-max-content;width:max-content}.questions fieldset{border:2px solid #88df86;color:#88df86;display:flex;flex-wrap:wrap;font-size:1.4rem;font-weight:700;gap:1rem;justify-content:space-around;text-align:left}.questions fieldset [type=radio]{height:0;opacity:0;position:absolute;width:0}.questions fieldset [type=radio]+img{cursor:pointer}.questions fieldset [type=radio]:checked+img{outline:6px dotted #88df86}.questions button{background:#88df86;border:none;border-radius:5rem;color:#f3f3f3;cursor:pointer;font-size:1.3rem;font-weight:700;margin:2rem 0 4.5rem;padding:1rem 4rem}.progress{background-color:#f3f3f3;border:2px solid #e5e5e5;border-radius:3rem;height:3rem;margin:15px 0;overflow:hidden;position:relative;width:100%;z-index:-1}.progress .progress-done{align-items:center;background:#88df86;border-radius:20px;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;opacity:0;transition:.25s ease;width:0}.loader,.loader:after,.loader:before{-webkit-animation:load1 1s ease-in-out infinite;animation:load1 1s ease-in-out infinite;background:#88df86;height:4em;width:1em}.loader{-webkit-animation-delay:-.16s;animation-delay:-.16s;color:#88df86;font-size:11px;left:50%;margin:88px auto;position:relative;position:absolute;text-indent:-9999em;top:50%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translateZ(0) translate(-50%,-50%);transform:translateZ(0) translate(-50%,-50%)}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{-webkit-animation-delay:-.32s;animation-delay:-.32s;left:-1.5em}.loader:after{left:1.5em}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:6em}40%{box-shadow:0 -2em;height:8em}}@keyframes load1{0%,80%,to{box-shadow:0 0;height:6em}40%{box-shadow:0 -2em;height:8em}}.error{align-items:center;background:#f3f3f3;display:flex;flex-direction:row;justify-content:space-evenly}.error .message-box h1{font-size:3rem}.error .message-box p{font-size:1.1rem;font-weight:700}@media (min-width:680px){.error{flex-direction:column}}#Polygon-1,#Polygon-2,#Polygon-3,#Polygon-4,#Polygon-5{-webkit-animation:float 1s ease-in-out infinite alternate;animation:float 1s ease-in-out infinite alternate}#Polygon-2{-webkit-animation-delay:.2s;animation-delay:.2s}#Polygon-3{-webkit-animation-delay:.4s;animation-delay:.4s}#Polygon-4{-webkit-animation-delay:.6s;animation-delay:.6s}#Polygon-5{-webkit-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes float{to{-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes float{to{-webkit-transform:translateY(20px);transform:translateY(20px)}}.gameTypes{align-items:center;display:flex;flex-direction:column;gap:12rem;justify-content:space-around;margin-top:13rem;min-height:100vh;width:100%}@media (min-width:1240px){.gameTypes{flex-direction:row;margin-top:0}}.gameTypeButton{background:transparent;border:none;color:#f3f3f3;cursor:pointer;font-size:2rem;position:relative}.gameTypeButton p{display:-ms-grid;display:grid;height:5rem;margin:0;place-items:center;width:20rem;z-index:1444!important}.svgs{cursor:pointer;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.navbar{display:flex;justify-content:space-between;left:0;position:fixed;top:1rem;width:100%;z-index:2}.openMenu{position:absolute;right:-30rem;transition:.15s ease-in-out;z-index:5}.openMenu ul{bottom:7rem;color:#f3f3f3;display:flex;flex-direction:column;font-size:1.5rem;font-weight:700;height:14rem;justify-content:space-between;letter-spacing:1px;list-style:none;padding-left:4rem;position:absolute;right:5rem}.openMenu ul a{color:#f3f3f3;font-size:1rem;text-decoration:none}.openMenu button{background:#0b3c0a;border:none;border-radius:5rem;color:#f3f3f3;cursor:pointer;font-size:1.3rem;height:3rem;transition:.25s ease-in-out;width:6rem}.openMenu button:hover{background:#f3f3f3;color:#0b3c0a;-webkit-transform:scale(1.1) translateY(-5px);transform:scale(1.1) translateY(-5px)}.active{right:-3rem!important}.menuButton{background:transparent;border:none;cursor:pointer}.userProfile{align-items:center;background:#88df86;border-radius:2rem;color:#f3f3f3;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-right:10px;padding:.6rem;width:10rem;z-index:3}.userProfile h2{font-size:1rem;margin:0}.userProfile span{align-items:center;display:flex;font-size:1.2rem;justify-content:space-between;width:8rem}.userProfile p{font-size:1.5rem;font-weight:700;margin:0}.resultScreen{display:flex;flex-direction:column;justify-content:space-evenly;min-height:100vh;padding:1rem}.resultScreen h1{color:#88df86;font-size:2.5rem;font-weight:700;letter-spacing:1px;text-align:center}.resultScreen label p{border-bottom:2px solid #88df86;color:#88df86;font-size:1.2rem;font-weight:700;margin-left:1rem;padding:0 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.resultScreen .buttons{align-items:center;display:flex;flex-direction:column;gap:6rem;justify-content:space-evenly;margin-bottom:2rem;margin-top:6.5rem}.resultScreen .answers{-ms-grid-rows:(1fr)[6];display:-ms-grid;display:grid;grid-template-rows:repeat(6,1fr);margin-top:1rem}.resultScreen .answers .answer{align-items:center;border-bottom:1px solid rgba(0,0,0,.095);display:flex;flex-direction:row;justify-content:space-between}.resultScreen .answers .answer .questionName{border-left:2px solid #88df86;color:#88df86;flex:1 1;font-size:1.3rem;font-weight:700;padding-left:5px;text-align:left}.resultScreen .answers .answer .questionName:first-letter{text-transform:uppercase}.resultScreen .answers .answer .questionResult{flex:1 1;text-align:center}.resultScreen .answers .answer .questionResult svg{-webkit-transform:scale(1.4);transform:scale(1.4)}.resultScreen .answers .answer .correctAnswer{flex:1 1;font-size:1.3rem;font-weight:700;text-align:right}.resultScreen .answers .headings{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.resultScreen .answers .headings h2{color:#88df86;flex:1 1;text-align:center}.resultScreen .answers .headings h2:first-child{text-align:left}.resultScreen .answers .headings h2:last-child{text-align:right}.mainButton{background:transparent;border:none;cursor:pointer;font-size:1.5rem;padding:2rem;position:relative}.green{color:#f2f2f2}.white{color:#88df86}.mainButtonSvgs{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.mainButtonSvgs:hover{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}.scoreBar{background-color:#f3f3f3;border:2px solid #e5e5e5;border-radius:3rem;height:3rem;margin:15px 0;overflow:hidden;position:relative;width:100%;z-index:-1}.scoreBar .scoreBar-done{align-items:center;background:#88df86;border-radius:20px;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;opacity:0;transition:.25s ease;transition:.25s cubic-bezier(.175,.885,.32,1.275);width:0}.selectScreen{align-items:center;display:flex;flex-direction:column;isolation:isolate;justify-content:space-evenly;width:100%}.selectScreen h1{color:#88df86;font-size:2.6rem;font-weight:700;text-align:center}.selectScreen label p{border-bottom:2px solid #88df86;color:#88df86;font-size:1.2rem;font-weight:700;margin-left:1.8rem;padding:0 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.selectScreen label p:first-letter{text-transform:uppercase}.selectScreen label select{-webkit-appearance:none;background:#f3f3f3;border:2px solid #e5e5e5;border-radius:5rem;color:#000;margin-bottom:3.5rem;padding:2rem 1rem;width:95vw}.selectScreen label select::-webkit-input-placeholder{color:rgba(0,0,0,.199)}.selectScreen label select:-ms-input-placeholder{color:rgba(0,0,0,.199)}.selectScreen label select::placeholder{color:rgba(0,0,0,.199)}.selectScreen button{background:#88df86;border:none;border-radius:5rem;color:#f3f3f3;cursor:pointer;font-size:1.8rem;font-weight:700;padding:1rem 4rem;width:15rem}.startScreen{align-items:center;display:flex;flex-direction:column;isolation:isolate;justify-content:space-around;min-height:100vh;overflow:hidden;position:relative;width:100%}.startScreen:after{background:#88df86;content:"";height:100rem;position:absolute;-webkit-transform:rotate(-25.3deg) translateY(50rem);transform:rotate(-25.3deg) translateY(50rem);width:250rem;z-index:-2}.startScreen h1{color:#88df86;font-size:2rem;font-weight:700;mix-blend-mode:color-dodge;position:absolute}
/*# sourceMappingURL=main.1ec57310.css.map*/