:root{--font-h1:"Shadows Into Light",cursive;--font-h2:"Rubik",sans-serif;--font-p:"Rubik",sans-serif;--color-cta:#55f018;--color-fog:#c4bebe;--color-blue:#e5ffff;--color-text:#343434}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;font-family:Rubik,sans-serif;font-family:var(--font-h2);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}h1,h2,h3,p{color:#343434;color:var(--color-text)}body{-webkit-animation:backgroundChange 7s ease-in-out infinite alternate both;animation:backgroundChange 7s ease-in-out infinite alternate both;background-color:#e5ffff;background-color:var(--color-blue);z-index:1}@-webkit-keyframes backgroundChange{0%{background-color:#e5ffff;background-color:var(--color-blue)}to{background-color:#343434;background-color:var(--color-text)}}@keyframes backgroundChange{0%{background-color:#e5ffff;background-color:var(--color-blue)}to{background-color:#343434;background-color:var(--color-text)}}a,a:visited{color:#343434;color:var(--color-text);text-decoration:none}.failedToLoadContainer{margin:5rem auto 0;width:75vw}.failedToLoadContainer>*{width:100%}h1{font-family:Shadows Into Light,cursive;font-family:var(--font-h1);font-size:3rem;margin:10vh auto;padding:0 .4rem;text-align:center}.mainButton{margin:4rem auto 0;width:5rem}.mainButton>button{background-color:#55f018;background-color:var(--color-cta);border:2px solid #343434;border:2px solid var(--color-text);border-radius:50%;box-shadow:6px 6px #55f018;box-shadow:6px 6px var(--color-cta);cursor:pointer;width:100%}.mainButton>button:hover{border:2px solid #000}.mainButton>button:active{box-shadow:0 0 #343434;box-shadow:0 0 var(--color-text);left:4px;position:relative;top:4px}.mainButton>button>img{margin:0 auto;padding-top:.5rem;width:100%}footer{align-items:center;background-color:#fff;border-top:1px solid grey;bottom:0;display:flex;justify-content:center;max-width:3000px;position:absolute;right:50%;text-align:center;-webkit-transform:translateX(50%);transform:translateX(50%);width:100%;z-index:6}footer>div{font-family:Rubik,sans-serif;font-family:var(--font-p);padding:.5rem}footer a{color:#343434;color:var(--color-text);font-weight:900}footer a:hover{color:#55f018;color:var(--color-cta)}.backButton{background-color:#55f018;background-color:var(--color-cta);border:1.5px solid #343434;border:1.5px solid var(--color-text);border-radius:50%;box-shadow:3px 3px #55f018;box-shadow:3px 3px var(--color-cta);width:3rem}button:has(.backButton){background-color:initial;border:none;cursor:pointer;margin-top:.3rem}.backButton:active{box-shadow:0 0 #343434;box-shadow:0 0 var(--color-text);left:3px;position:relative;top:3px}.green{background-color:#e5ffff;background-color:var(--color-blue)}.green,.yellow{height:100vh;overflow-y:scroll}.yellow{background-color:#e9e7e7}.orange{background-color:#c4bebe;background-color:var(--color-fog)}.maroon,.orange,.purple,.red{height:100vh;overflow-y:scroll}.maroon,.purple,.red{background-color:#343434;background-color:var(--color-text)}.marron *,.purple *,.red *{color:#e5ffff;color:var(--color-blue)}.scoreContainer{border:1.5px solid transparent;border-radius:3%;margin:2rem auto;max-width:15rem;min-width:10rem;padding:1rem .5rem;position:relative;text-align:center;width:50vw;z-index:5}.scoreContainer:hover{border:1.5px solid #343434;border:1.5px solid var(--color-text)}.scoreBox>div:nth-child(2){font-size:3rem;font-weight:500;margin:.5rem}.scoreBox>div:nth-child(2),.scoreBox>div:nth-child(3){font-family:Rubik,sans-serif;font-family:var(--font-h2)}.scoreBox>div:nth-child(3){font-size:1.5rem}.green>#scoreID>.scoreContainer{background-color:#096}.yellow>#scoreID>.scoreContainer{background-color:#ffde33}.orange>#scoreID>.scoreContainer{background-color:#f93}.orange>#scoreID>.scoreContainer>*,.yellow>#scoreID>.scoreContainer>*{color:#343434;color:var(--color-text)}.red>#scoreID>.scoreContainer{background-color:#c03}.purple>#scoreID>.scoreContainer{background-color:#609}.maroon>#scoreID>.scoreContainer{background-color:#7e0023}.green>#scoreID>.scoreContainer>*,.maroon>#scoreID>.scoreContainer>*,.purple>#scoreID>.scoreContainer>*,.red>#scoreID>.scoreContainer>*{color:#fff}.cleanContainer>div{position:relative}.cleanContainer>div:first-child img{left:50%;position:absolute;top:-3rem;width:3.5rem;z-index:3}.cleanContainer>div:nth-child(3) img{left:50%;position:absolute;top:-3rem;width:6rem;z-index:3}.cleanContainer>div:nth-child(2) img{left:50%;position:absolute;top:-2.3rem;width:3.5rem;z-index:1}.green .cleanContainer>div:first-child img,.yellow .cleanContainer>div:first-child img{-webkit-animation:cloudLeft 4.6s ease-in-out 1 normal forwards;animation:cloudLeft 4.6s ease-in-out 1 normal forwards}.green .cleanContainer>div:nth-child(3) img,.yellow .cleanContainer>div:nth-child(3) img{-webkit-animation:cloudRight 4.5s ease-in-out 1 normal forwards;animation:cloudRight 4.5s ease-in-out 1 normal forwards}.maroon .cleanContainer>div:first-child img,.orange .cleanContainer>div:first-child img,.purple .cleanContainer>div:first-child img,.red .cleanContainer>div:first-child img{-webkit-animation:fromLeft 4.6s ease-in-out 1 normal forwards;animation:fromLeft 4.6s ease-in-out 1 normal forwards}.maroon .cleanContainer>div:nth-child(3) img,.orange .cleanContainer>div:nth-child(3) img,.purple .cleanContainer>div:nth-child(3) img,.red .cleanContainer>div:nth-child(3) img{-webkit-animation:fromRight 4.5s ease-in-out 1 normal forwards;animation:fromRight 4.5s ease-in-out 1 normal forwards}@-webkit-keyframes cloudRight{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(4rem);transform:translate(4rem)}}@keyframes cloudRight{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(4rem);transform:translate(4rem)}}@-webkit-keyframes cloudLeft{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-4rem);transform:translate(-4rem)}}@keyframes cloudLeft{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-4rem);transform:translate(-4rem)}}@-webkit-keyframes fromRight{0%{-webkit-transform:translate(4rem);transform:translate(4rem)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes fromRight{0%{-webkit-transform:translate(4rem);transform:translate(4rem)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes fromLeft{0%{-webkit-transform:translate(-4rem);transform:translate(-4rem)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes fromLeft{0%{-webkit-transform:translate(-4rem);transform:translate(-4rem)}to{-webkit-transform:translate(0);transform:translate(0)}}.maroon .cleanContainer,.orange .cleanContainer,.purple .cleanContainer,.red .cleanContainer{display:none}.sun img{width:100%}.adviceContainer{background-color:#343434;background-color:var(--color-text);border:1px solid #343434;border:1px solid var(--color-text);border-radius:3%;margin:0 auto 2rem;max-width:40rem;padding:0 .7rem;position:relative;text-align:center;width:90vw;z-index:5}.adviceContainer a{color:#55f018;color:var(--color-cta);font-weight:700;text-decoration:underline}.adviceContainer h3{font-family:Rubik,sans-serif;font-family:var(--font-h2);font-size:1.5rem}.adviceContainer>*{color:#fff;margin:1.5rem 0}.cardContainer{flex-direction:column;position:relative;z-index:5}.cardContainer,.cardContainer>*{align-items:center;display:flex;justify-content:center}.cardContainer>*{background:linear-gradient(#c4bebe,#e5ffff);background:linear-gradient(var(--color-fog),var(--color-blue));border:1px solid #c4bebe;border:1px solid var(--color-fog);border-radius:3%;height:10rem;margin:0 .5rem 2rem;text-align:center;width:60%}.cardContainer>:hover{border:1px solid #343434;border:1px solid var(--color-text)}.cardContainer>*>*{font-family:Rubik,sans-serif;font-family:var(--font-h2);width:80%}.earthIconResults{bottom:2rem;margin:0 auto;max-width:40rem;position:relative;width:50%;z-index:5}.earthIconResults img{width:100%}@media screen and (min-width:800px){.cardContainer{flex-direction:row}.cardContainer>*{height:10rem;width:10rem}.mainButton{width:6rem}}
/*# sourceMappingURL=main.58d3ad0c.css.map*/