@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:inherit;text-align:center}:root{--base-font:"Poppins",sans-serif;--heading:700 40px var(--base-font);--text:400 40px var(--base-font);--info:400 30px var(--base-font);--results-text:400 30px var(--base-font);--results-icon:400 60px var(--base-font);--app-background-color:#33d7cf;--text-main-color:#0a3331;--text-softened-color:#167974;--card-background-color:#bffffb;--button-neutral-color:#99fff8;--button-hover-color:#d6fffc;--button-click-color:#70fff5;--rotation-seconds:5s;--loader-size:35px;--loader-color:var(--card-background-color);--stylised-border-radius:50px 5px 5px}body{height:100vh;width:100vw;font-family:var(--base-font)}#root{min-height:100%;width:100%;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--app-background-color)}.btn{border:none;font:var(--text);color:var(--text-main-color);background-color:var(--button-neutral-color);height:88px;min-width:200px;border-radius:var(--stylised-border-radius);filter:drop-shadow(0 4px 4px rgba(0 0 0/25%))}.btn:hover{background-color:var(--button-hover-color);filter:drop-shadow(0 8px 8px rgba(0 0 0/45%))}.btn:active{background-color:var(--button-click-color);filter:drop-shadow(0 4px 4px rgba(0 0 0/25%))}.splashpage__heading{color:var(--text-main-color);font:var(--heading);margin-top:160px}.splashpage__instruction{color:var(--text-main-color);font:var(--text);margin-top:208px}.splashpage__startbutton{margin-top:88px}.loadingpage__kineticloader{margin-top:32vh;position:relative;height:80px;width:80px}.loadingpage__kineticloader:after,.loadingpage__kineticloader:before{border-radius:calc(var(--loader-size)/3);content:"";position:absolute;top:0;left:0;height:0;width:0;border-bottom-color:transparent;border:var(--loader-size) solid transparent;border-bottom:var(--loader-size) solid var(--loader-color)}.loadingpage__kineticloader:before{transform:rotate(90deg);animation:rotate-before var(--rotation-seconds) linear infinite}.loadingpage__kineticloader:after{animation:rotate-after var(--rotation-seconds) linear infinite calc(var(--rotation-seconds)/4)}@keyframes rotate-before{0%,25%{transform:rotate(90deg)}25%,50%{transform:rotate(270deg)}75%,to{transform:rotate(450deg)}}@keyframes rotate-after{0%,25%{transform:rotate(0deg)}25%,50%{transform:rotate(180deg)}75%,to{transform:rotate(1turn)}}.loadingpage__text{margin-top:5%;font:var(--info)}.gamepage__heading{margin-top:88px;color:var(--text-main-color);font:var(--heading)}.gamepage__card{background-color:var(--card-background-color);margin-top:100px;min-height:368px;width:640px;display:flex;justify-content:center;align-items:center;padding:12px 44px;filter:drop-shadow(0 4px 4px rgba(0 0 0/25%));border-radius:var(--stylised-border-radius)}.gamepage__cardtext{min-height:0;color:var(--text-main-color);font:var(--text);max-width:95%;overflow-wrap:break-word}.gamepage__buttonscontainer{margin-top:80px;display:flex;flex-direction:row;gap:240px}.gamepage__button{transition:all .1s ease-in-out}.btn.gamepage__button--chosen{transform:scale(1.3);filter:none}.btn.gamepage__button--chosen,.btn.gamepage__button--chosen:hover,.btn.gamepage__button--notchosen{background-color:var(--app-background-color)}.btn.gamepage__button--notchosen{color:var(--text-softened-color);transform:scale(.8);filter:none}.gamepage__button--notchosen:hover{background-color:var(--app-background-color)}.gamepage__nextbutton{margin-top:12px}.gamepage__cardnumber{margin-top:32px;font:var(--info)}.resultspage__heading{margin-top:80px;color:var(--text-main-color);font:var(--heading)}.resultspage__resultslist{list-style-type:none;margin-top:64px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:24px}.resultspage__resultsitem{background-color:var(--card-background-color);color:var(--text-softened-color);opacity:.5;display:flex;align-items:center;justify-content:flex-start;gap:42px;margin:0 11vw;padding:4vw;border-radius:var(--stylised-border-radius);width:78vw}.resultspage__resultsitem--correct{color:var(--text-main-color);opacity:1;filter:drop-shadow(0 4px 4px rgba(0 0 0/25%))}.resultspage__texticon{font:var(--results-icon)}.resultspage__cardtext{font:var(--results-text);text-align:left;max-width:100%;overflow-wrap:break-word;flex:1}.resultspage__replaybutton{margin:40px 0 60px;min-height:88px}@media (max-width:500px){:root{--heading:700 24px var(--base-font);--text:400 20px var(--base-font);--info:400 18px var(--base-font);--results-text:400 16px var(--base-font);--results-icon:400 36px var(--base-font);--loader-size:24px;--stylised-border-radius:25px 5px 5px;--mobile-heading-margin-top:44px}.btn{height:46px;min-width:92px;padding:0 12px}.splashpage__heading{margin-top:var(--mobile-heading-margin-top);line-height:28px}.splashpage__instruction{margin-top:176px}.splashpage__startbutton{margin-top:132px}.loadingpage__kineticloader{margin-top:45%}.gamepage__heading{margin-top:var(--mobile-heading-margin-top)}.gamepage__card{margin-top:44px;min-height:284px;width:302px;padding:26px 44px}.gamepage__buttonscontainer{margin-top:56px;gap:56px}.gamepage__button--chosen,.gamepage__button--notchosen{transform:scale(1)}.gamepage__nextbutton{margin-top:36px}.gamepage__cardnumber{margin-top:48px}.resultspage__heading{margin-top:var(--mobile-heading-margin-top);line-height:28px}.resultspage__resultslist{margin-top:44px}.resultspage__resultsitem{gap:22px}.resultspage__replaybutton{min-height:46px}}
/*# sourceMappingURL=/js.f9108f22.css.map */