:root{--primary-font-family: "Exo2-variable-font";--base-font-size: 1vw;--primary-bg-color: #e78a46;--secondary-bg-color: #fac459;--primary-font-color: #fde3ae;--button-border-radious: .8rem}@font-face{font-family:Exo2-variable-font;src:url(/assets/Exo2-VariableFont_wght-67ae4e70.ttf)}html{font-size:var(--base-font-size);font-family:var(--primary-font-family)}#root{margin:0 auto;padding:2rem;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;gap:2vh}body{background-image:linear-gradient(rgba(0,0,0,.527),rgba(0,0,0,.1)),url(/assets/background-97222e6b.jpg);background-size:cover;background-position:center;margin:0;padding:0;color:var(--primary-font-color);overflow:hidden;background-repeat:no-repeat;height:100vh;width:100vw}h1{margin:0;padding:0}button{font-family:var(--primary-font-family);font-size:2vw}@media only screen and (max-width: 480px){#root{justify-content:center}}.home{display:flex;flex-direction:column}.home__logo-container{height:fit-content}.home__logo-container--logo-left{align-self:start;display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center}.home__logo{height:30vh}.home__difficulty{display:flex;justify-content:center;gap:3vw;padding:2%}.home__difficulty button{height:fit-content;width:fit-content;padding:1%;border-radius:var(--button-border-radious);border:5px solid var(--primary-bg-color);background:var(--secondary-bg-color);cursor:pointer}.home__difficulty button:hover{border-color:var(--secondary-bg-color);background:var(--primary-bg-color)}.home__title h1{font-size:4.5rem}.footer{flex:1;width:100%;display:flex;height:100%;padding-bottom:4%;align-items:end}.footer__button{background:transparent;border:none;color:var(--primary-font-color)}@media only screen and (max-width: 480px){button{font-size:7vw}.home__logo{width:100%;height:fit-content}.home__logo--left{width:fit-content;height:12vh;cursor:pointer}.footer{justify-content:center;flex:0;height:fit-content}.home__title h1{font-size:8rem}.footer__button svg{font-size:2vh}}.home__logo--left{height:17vh;cursor:pointer}.home__logo--left:hover{transform:scale(1.2)}.footer-in-game{height:fit-content;flex:0}.card-section{flex:1;display:flex;flex-direction:column;align-items:center;gap:2vh}.card-section__card-container{display:flex;gap:1vw}.card-container__card-wrapper{position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}.card-section__card-container__card{height:52vh;border-radius:1rem}.card__overlay{position:absolute;height:48vh;width:94%}.card__overlay--image{height:100%;width:100%;border-radius:1rem}.card{transform-style:preserve-3d;transition:transform .5s}.card__display{display:none}.card__flipped{transform:rotateY(180deg)}.card-section__rounds{font-size:2rem}.score__score-container{display:flex;flex-direction:column;align-items:start;gap:1vh;background:rgba(0,0,0,.527);padding:1%;border-radius:1rem}.score{font-size:2rem}.popup{height:55vh;background:rgba(0,0,0,.527);width:70vw;border-radius:2rem;box-shadow:-1px 1px 21px 4px #000000d4;-webkit-box-shadow:-1px 1px 21px 4px rgba(0,0,0,.83);-moz-box-shadow:-1px 1px 21px 4px rgba(0,0,0,.83);display:flex;flex-direction:column;gap:2vh;justify-content:center;align-items:center}.popup span{width:fit-content;font-size:10rem}.popup button{height:fit-content;width:fit-content;padding:1%;border-radius:var(--button-border-radious);border:5px solid var(--primary-bg-color);background:var(--secondary-bg-color);cursor:pointer;color:var(--primary-bg-color)}.popup button:hover{border-color:var(--secondary-bg-color);background:var(--primary-bg-color);color:var(--secondary-bg-color)}@media only screen and (max-width: 748px){body{overflow:auto;height:100%;background-attachment:fixed}.home__logo--left{width:fit-content;height:12vh;cursor:pointer}.score{font-size:7rem}.card-section__card-container{flex-direction:column}}