*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:rubik-regular;src:url(Rubik-Regular.0baeaf42.ttf)}@font-face{font-family:rubik-bold;src:url(Rubik-Bold.f463190e.ttf)}:root{--font-ff-rubik-regular:"rubik-regular";--font-ff-rubik-bold:"rubik-bold";--blue-black:#cceeff1a;--blue:#217dab;--blue-bright:#3bf;--blue-active:#3bf;--light-blue:#9df;--white:#fff;--gradient:#0239;--gradient-black:#023;--background-black:#023;--red:red;--lime:lime;--green:#59a660;--soft-red:#b34d4d}img{max-width:100%}html{font-size:62.5%}body{font-size:1.6rem;font-family:var(--font-ff-rubik-regular),"sans-serif";color:var(--white);background:url(background-img.07b93065.svg) 0 0/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.container{border:2px solid var(--light-blue);box-shadow:0 0 25px 5px var(--blue);border-radius:1.6rem;flex-direction:column;justify-content:center;width:90%;max-width:106.9rem;margin:2.8rem 0;padding:3rem 1.5rem;display:flex}.title{text-align:center;color:var(--white);font-family:var(--font-ff-rubik-bold);letter-spacing:3px;margin-bottom:4.5rem;font-size:1.8rem;line-height:1.8}.main{flex-direction:column;display:flex}.game{flex-direction:column;align-items:center;display:flex}.spinner{text-align:center;margin:5rem auto}.spinner svg{fill:var(--white);width:6rem;height:6rem;animation:2s linear infinite rotate}.flag-list{flex-wrap:wrap;justify-content:center;margin-bottom:5.5rem;list-style-type:none;display:flex}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flag-list__item{background-color:var(--blue-black);border:3px solid #0000;justify-content:center;width:calc(50% - 1.6rem);max-width:24rem;max-height:18.3rem;margin:.8rem;padding:.5rem;display:flex}.flag-list__item img{max-width:20rem}.error-match{animation-name:shake;animation-duration:.5s;animation-iteration-count:1}@keyframes shake{0%{border-color:var(--red);transform:rotate(5deg)}40%{transform:rotate(-5deg)}70%{transform:rotate(5deg)}to{border-color:var(--red);transform:rotate(0)}}.flag-list__item img{border:2px solid #0000;border-radius:10px;width:100%;height:100%;display:block}.flag-list__item--active img,.country-list__item--active{border:2px solid var(--blue-active)}.flag-list__item:hover{border-bottom-color:var(--blue-bright)}.flag-list__item:hover img{border-radius:0}.country-list{flex-wrap:wrap;justify-content:center;list-style-type:none;display:flex}.country-list__item{color:var(--white);background-color:var(--blue-black);border-bottom:4px solid var(--blue);text-align:center;justify-content:center;align-items:center;margin:.8rem;padding:1.8rem;font-size:1.6rem;display:flex}.country-list__item:hover{border-color:var(--blue-bright)}.country-list__item-1{width:17.3rem}.country-list__item-2{width:12.7rem}.country-list__item-3,.country-list__item-4{width:9.2rem}.life-health{justify-content:center;margin-top:2rem;list-style-type:none;display:flex}.life-health:hover .life-health__item+.life-health__item{margin-left:1rem}.life-health__item{width:3.2rem;height:3.2rem;transition:margin .2s}.life-health__item+.life-health__item{margin-left:.4rem}.score{border-left:2px solid var(--blue);border-right:2px solid var(--blue);text-align:center;background-color:var(--blue-black);color:var(--white);border-radius:4px;width:7.2rem;margin-top:6rem;padding:.5rem 1.4rem;font-size:2.7rem;transition:width .2s}.score:hover{width:11.6rem}.result{border:2px solid var(--light-blue);box-shadow:0 0 25px 5px var(--blue);border-radius:1.6rem;flex-direction:column;align-items:center;width:100%;max-width:37rem;margin:auto;padding:3rem 1.5rem;display:flex}.result .score{margin-bottom:6rem}.highScore{display:flex}.highScore__result{text-align:center;margin-left:.5rem}.list-of-btns{flex-direction:column;display:flex}.btn{border:none;border-radius:5px;margin-top:2rem;padding:1.5rem 3rem}.btn--green{background-color:var(--green);color:var(--white)}.btn--red{background-color:var(--soft-red);color:var(--white)}.home{flex-direction:column;display:flex}.globe-big{align-self:center;width:20rem;height:20rem;transition:transform 2s linear}.btn-container{flex-direction:column;margin-top:1.5rem;display:flex}.btn-container .btn{width:52.5%;max-width:12.6rem;margin-left:auto;margin-right:auto}.btn-container .btn+.btn{width:57%;max-width:14.5rem;margin-top:1.5rem}.overlay{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.library-close-btn{border:2px solid var(--blue-active);background-color:var(--background-black);margin:3rem 3rem 0 auto;display:block;position:absolute;top:0;right:0;width:4rem!important;height:4rem!important}.library{border-right:2px solid var(--blue);border-left:2px solid var(--blue);background-color:var(--gradient);scrollbar-width:thin;scrollbar-color:transparent transparent;width:95%;margin:2rem 0;padding:0 1rem;overflow:scroll}.library::-webkit-scrollbar{width:0;height:0}.library__item{background-color:var(--blue-black);border-radius:.5rem;justify-content:center;margin:1rem 0;padding:5.6rem 0;display:flex}.library__item:first-child{margin-top:0}.library__container{border:2px solid var(--blue);background-color:var(--gradient-black);border-radius:.8rem;flex-direction:column;align-items:center;width:95%;max-width:32rem;padding:4rem;display:flex}.library__container>*+*{margin-top:2rem}.library__flag-img{border-radius:1.2rem;max-height:11.8rem;width:unset!important;height:unset!important}.library__statics{flex-direction:column;margin-bottom:2rem;display:flex}.library__statics-item{align-items:center;display:flex}.library__statics-img{width:4rem;height:4rem;margin-right:.6rem}.library__statics-item+.library__statics-item{margin-top:.6rem}@media (width>=560px){.flag-list__item{padding:2rem .5rem}.country-list__item{color:var(--white);background-color:var(--blue-black);border-bottom:4px solid var(--blue);text-align:center;justify-content:center;align-items:center;margin:.8rem;padding:1.8rem;font-size:1.6rem;display:flex}.list-of-btns{flex-direction:row}.list-of-btns .btn{font-size:1.6rem}.list-of-btns .btn+.btn{margin-left:1.5rem}.result .message{font-size:2.4rem}}@media (width>=720px){.library{width:90vw;height:80vh}}@media (width>=820px){.flag-list__item{width:calc(33.3% - 1.6rem)}.country-list__item{width:17.3rem;font-size:2rem}}@media (width>=1070px){.flag-list__item{width:calc(25% - 1.6rem);padding:2rem}}.correct-match{opacity:0;transition:border-color 1s,opacity 1s,border-radius 1s;border:4px solid var(--lime)!important}.hidden{display:none}.fadeout{box-shadow:unset;border:none;padding:0}.rotate-right{transform:rotate(360deg)}
/*# sourceMappingURL=index.7ca7b618.css.map */