*{margin:0;padding:0}*,:before,:after{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;overflow-x:hidden}@media only screen and (width<=111em){html{font-size:50%}}body{color:#fff;-webkit-user-select:none;user-select:none;background:url(blob-scene-haikei.fd1e9b65.svg) 0 0/cover no-repeat;justify-content:center;align-items:center;height:100vh;min-height:calc(100vh - 8vw);font-family:Rubik,sans-serif;line-height:1.6;display:flex}::-webkit-scrollbar{width:1rem}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0239}::-webkit-scrollbar-thumb{background-color:#cceeff1a}.heart__container{justify-content:center;align-items:center;gap:.5rem;max-width:15rem;min-height:15rem;margin:0 auto;padding-top:clamp(2.25rem,2.2rem + .25vw,2.5rem);transition:gap .3s ease-in;display:flex}@media only screen and (height<=45em){.heart__container{min-height:5rem;padding-top:1rem}}.heart__container:hover{gap:2rem}.heart__container:hover img{width:4.5rem;height:4.5rem}.heart__container img{width:4rem;height:4rem;transition:width .1s ease-in,height .1s ease-in}.losser__effect--heart[data-heart]{opacity:0;transition:opacity .5s ease-out,transform 3s cubic-bezier(.25,3,.5,6);position:absolute;transform:translateY(-3rem)}.btn-front{cursor:pointer;color:#fff;border:none;border-radius:.5rem;padding:1.5rem 5rem;font-family:inherit;font-size:clamp(1.5rem,3vw,2.5rem)}.btn-front:hover{background:0 0;transition:background-color .1s}.hidden{opacity:0;pointer-events:none;position:absolute}.counter__container{-webkit-user-select:none;user-select:none;justify-content:center;display:flex}@media only screen and (width<=45em){.counter__container{margin-top:-4rem}}@media only screen and (height<=45em){.counter__container{padding-top:1.5rem}}.counter__count{color:#fff;background:#cceeff1a;border-left:2px solid #217dab;border-right:2px solid #217dab;border-radius:1rem;padding:0 2rem;font-size:clamp(3rem,7vw,5rem);transition:padding 2s ease-out}.counter__count:hover{padding:0 6rem;transition:padding .5s ease-out}.counter__hidden{opacity:0}.score__container{flex-direction:column;justify-content:center;align-items:center;display:flex}@media only screen and (width<=45em){.score__container{padding:2rem}}.score__container--result{flex-direction:column;align-items:center;gap:2rem;display:flex}.score__container--button{justify-content:center;align-items:center;gap:1.5rem;padding-top:2rem;display:flex}@media only screen and (width<=35em){.score__container--button{flex-direction:column}}.score__outcome--container{margin-top:-18rem;font-size:clamp(3rem,7vw,5rem);display:flex}@media only screen and (width<=35em){.score__outcome--container{margin-top:-10rem}}@media only screen and (width<=111em) and (height<=45em){.score__outcome--container{margin-top:-10rem}}.score__win{padding-bottom:3rem}.score__highscore{font-size:clamp(1.4rem,2.5vw,2rem)}.score__button{cursor:pointer;text-align:center;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:clamp(1.4rem,2.5vw,2rem);text-decoration:none;transition:background-color .3s}.score__try-again{background:#b34d4d}.score__try-again:hover{background:#a14545;transition:background .1s}.score__home{background:#59a660}.score__home:hover{background:#509556;transition:background .1s}.start__container{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2rem;display:flex}.start__button{background:#b34d4d}.start__button:hover{background:#a14545;transition:background .1s}.start__library{background:#59a660}.start__library:hover{background:#509556;transition:background .1s}.world-globe{opacity:.8;align-self:center;width:25rem;height:100%;margin:-5rem 0 2rem;transition:transform 1s ease-in-out,opacity .8s;display:flex;position:relative}.world-globe:hover{opacity:1;transition:transform 2.5s ease-in,opacity 2.5s ease-in;transform:rotate(360deg)}.container{width:clamp(auto, 65vw, 80vw);background:#0239;border:2px solid #9df;border-radius:2rem;flex-direction:column;place-content:center;gap:clamp(1.13rem,1.1rem + .13vw,1.25rem);margin:clamp(1.69rem,1.65rem + .19vw,1.88rem) auto;padding:clamp(3.38rem,3.3rem + .38vw,3.75rem);display:flex;overflow:hidden;box-shadow:0 0 25px 5px #217dab}@media only screen and (width<=45em){.container{padding:2rem}}@media only screen and (height<=45em){.container{padding:10rem}}.container__main--title{text-align:center;-webkit-text-stroke:.1px #cceeff1a;padding-bottom:clamp(3.38rem,3.3rem + .38vw,3.75rem);font-size:clamp(1.8rem,4vw,3rem)}.container__main--title:hover span{color:#9df;text-shadow:0 0 5px #9df}.flag__container{z-index:99;width:100%;height:100%}.flag__container--inner{-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;gap:clamp(1.69rem,1.65rem + .19vw,1.88rem);padding-bottom:clamp(6.75rem,6.6rem + .75vw,7.5rem);display:flex}.flag__image--container{background:#cceeff1a;border-bottom:.5rem solid #ab215d00;flex:calc(50% + clamp(1.69rem,1.65rem + .19vw,1.88rem)/-2);justify-content:center;max-width:30rem;padding:2.5rem;transition:border-bottom .5s;display:flex;position:relative}@media only screen and (width<=35em){.flag__image--container{flex:calc(50% + clamp(1.69rem,1.65rem + .19vw,1.88rem)/-2);padding:.5rem}}.flag__image--container:hover{border-bottom:.5rem solid #3bf}.flag__image{width:100%;max-width:25rem;height:100%;max-height:17.4rem}.flag__image:hover img{border-radius:0;transition:border-radius .5s}.flag__country{opacity:1;object-fit:cover;filter:brightness(1.2);border:3px solid #ab215d00;border-radius:1.5rem;width:100%;height:100%;transition:border-radius .5s,border .5s,opacity 1s ease-out}.name__container{width:100%;height:100%}.name__container--inner{-webkit-user-select:none;user-select:none;flex-wrap:wrap;flex:calc(50% + -1*clamp(1.13rem,1.1rem + .13vw,1.25rem));justify-content:center;align-items:stretch;gap:clamp(1.69rem,1.65rem + .19vw,1.88rem);width:100%;display:flex}.name__country{text-align:center;color:#fff;background:#cceeff1a;border:.5rem solid #ab215d00;border-bottom-color:#217dab;border-radius:1rem 1rem 0 0;padding:clamp(1.69rem,1.65rem + .19vw,1.88rem) clamp(2.25rem,2.2rem + .25vw,2.5rem);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;transition:border-radius .5s,border .5s}.name__country--container:hover .name__country{border-bottom:.5rem solid #3bf}.select--active[data-country]{border:3px solid #3bf;border-radius:0;transition:border-radius .5s,border .5s}.container .winner__effect[data-country]{opacity:0;border:3px solid #80ff00;transition:opacity 1s ease-out,border .1s}.container .winner__effect[data-country]:hover{border-bottom:3px solid #80ff00}.container .losser__effect[data-country]{transition:border .1s, translate3d(0, 0, 0);border:3px solid red;animation:.82s cubic-bezier(.36,.07,.19,.97) both shake}.container .losser__effect[data-country]:hover{border-bottom:3px solid red}@keyframes shake{10%,90%{transform:translate(-1px)rotate(-1deg)}20%,80%{transform:translate(1px)rotate(2deg)}30%,50%,70%{transform:translate(-2px)rotate(-2deg)}40%,60%{transform:translate(2px)rotate(1deg)}}.library__container{z-index:2;background:#0239;border-left:2px solid #217dab;border-right:2px solid #217dab;width:90vw;height:80vh;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}@media only screen and (width<=45em){.library__container{width:95vw;height:95vh}}.library__container--background{z-index:1;background-color:#0000;width:100vw;height:100vh;position:absolute;top:0;left:0}.library__container--inner{background:#cceeff1a;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;margin:1rem 0 1rem 1rem;padding:clamp(6.75rem,6.6rem + .75vw,7.5rem);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:300;display:flex;overflow:hidden}.library__container--details{background:#023;border:2px solid #217dab;border-radius:1rem;flex-direction:column;align-items:center;gap:2rem;min-width:40rem;min-height:50rem;padding:4rem;display:flex}.library--background{position:relative}.library__close{z-index:99;background:#023;border:2px solid #3bf;width:5rem;position:absolute;top:25px;right:25px}.library__flag{object-fit:cover;border-radius:1.5rem;max-width:30rem}.library__name{padding:.5rem;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400}.library__icons{width:5rem}.library__info{flex-direction:column;gap:.5rem;display:flex}.library__info--details{align-items:center;gap:1rem;display:flex}
/*# sourceMappingURL=repo.48787f3e.css.map */