@import"https://fonts.googleapis.com/css2?family=Arvo&display=swap";body{background-color:#f2f7f5}#app{font-family:Arvo,Helvetica,Arial,sans-serif}#countryTitle{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;animation-name:fadeInOpacity;animation-direction:alternate;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s;animation-delay:.5s;animation-fill-mode:both}#countryTitle h1{font-size:3em;margin-left:1%}.containerExpand{display:flex;margin-left:auto;margin-right:auto}.panel:nth-child(0){animation-name:fadeInOpacity;animation-direction:alternate;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s;animation-delay:.75s;animation-fill-mode:both}.panel:nth-child(1){animation-name:fadeInOpacity;animation-direction:alternate;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s;animation-delay:1s;animation-fill-mode:both}.panel:nth-child(2){animation-name:fadeInOpacity;animation-direction:alternate;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s;animation-delay:1.25s;animation-fill-mode:both}.panel:nth-child(3){animation-name:fadeInOpacity;animation-direction:alternate;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s;animation-delay:1.5s;animation-fill-mode:both}.panel:nth-child(4){animation-name:fadeInOpacity;animation-direction:alternate;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s;animation-delay:1.75s;animation-fill-mode:both}.panel:nth-child(5){animation-name:fadeInOpacity;animation-direction:alternate;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s;animation-delay:2s;animation-fill-mode:both}.panel:nth-child(6){animation-name:fadeInOpacity;animation-direction:alternate;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s;animation-delay:2.25s;animation-fill-mode:both}.panel:nth-child(7){animation-name:fadeInOpacity;animation-direction:alternate;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s;animation-delay:2.5s;animation-fill-mode:both}.panel:nth-child(8){animation-name:fadeInOpacity;animation-direction:alternate;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s;animation-delay:2.75s;animation-fill-mode:both}.panel:nth-child(9){animation-name:fadeInOpacity;animation-direction:alternate;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s;animation-delay:3s;animation-fill-mode:both}.panel{position:relative;flex:.8 1 auto;margin:10px;height:100%;border-radius:20px;overflow:hidden;opacity:1;transition:flex 1.6s ease;-webkit-transition:flex 1.6s ease;-moz-transition:flex 1.6s ease;-ms-transition:flex 1.6s ease}.panel:hover{flex:5 1 auto}.panel:hover .background{filter:grayscale(0)}.panel:hover .gradient{background:linear-gradient(to bottom,#0000 30%,#000000e6 60%,#000000e6 70%);opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transition:all .3s ease-in 1.6s;-webkit-transition:all .3s ease-in 1.6s;-moz-transition:all .3s ease-in 1.6s;-ms-transition:all .3s ease-in 1.6s}.panel:hover .title{opacity:1;transition:all .3s ease-in 1.6s;-webkit-transition:all .3s ease-in 1.6s;-moz-transition:all .3s ease-in 1.6s;-ms-transition:all .3s ease-in 1.6s}.panel:hover .text{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transition:all .3s ease-in 1.6s;-webkit-transition:all .3s ease-in 1.6s;-moz-transition:all .3s ease-in 1.6s;-ms-transition:all .3s ease-in 1.6s}.background{position:absolute;height:100%;width:100%;top:0;left:0;background-size:cover;background-position:center center;background-repeat:no-repeat;filter:grayscale(65%);transition:filter 1s ease;-webkit-transition:filter 1s ease;-moz-transition:filter 1s ease;-ms-transition:filter 1s ease}.gradient{position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;transition:all .1s ease-out 0s;-webkit-transition:all .1s ease-out 0s;-moz-transition:all .1s ease-out 0s;-ms-transition:all .1s ease-out 0s;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px)}.title{position:absolute;margin:0;bottom:20px;left:20px;opacity:0;color:#fff;font-size:24px;transition:opacity .6s ease-in .2s;-webkit-transition:opacity .6s ease-in .2s;-moz-transition:opacity .6s ease-in .2s;-ms-transition:opacity .6s ease-in .2s}.text{position:absolute;margin:0% 8%;bottom:15%;color:#fff;font-size:1em;opacity:0;transition:all .1s ease-out 0s;-webkit-transition:all .1s ease-out 0s;-moz-transition:all .1s ease-out 0s;-ms-transition:all .1s ease-out 0s;transform:translateY(25px);-webkit-transform:translateY(25px);-moz-transform:translateY(25px);-ms-transform:translateY(25px)}@keyframes fadeInOpacity{0%{opacity:0;pointer-events:none}to{opacity:1}}#map{position:absolute;z-index:1;margin:0;left:1%;top:2%;width:90%;transition:all 1s ease .5s;-webkit-transition:all 1s ease .5s;-moz-transition:all 1s ease .5s;-ms-transition:all 1s ease .5s}#back{position:absolute;z-index:1;margin-top:15px;margin-left:50px;left:1%;top:2%;white-space:nowrap;font-style:normal;font-size:1.1em;font-weight:700;text-anchor:start;pointer-events:fill!important;cursor:pointer;opacity:0;transition:opacity .5s ease;-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;-ms-transition:opacity .5s ease}.minimap{position:absolute;height:50px;width:50px!important;top:0;left:0;pointer-events:fill!important;cursor:pointer;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease}.minimap~#back{opacity:1;transition:opacity .5s ease 3s;-webkit-transition:opacity .5s ease 3s;-moz-transition:opacity .5s ease 3s;-ms-transition:opacity .5s ease 3s}.selectedCountry{fill:#f9bc60!important;opacity:1}.unhoverable{pointer-events:none}path{fill:#abd1c6;fill-rule:evenodd;stroke:#fff;stroke-width:.5;cursor:pointer}.landxx:hover{fill:#f9bc60;opacity:1}.landxx:hover+.country-name{opacity:1}.country-name{pointer-events:none;font-style:normal;font-weight:700;text-anchor:start;stroke-width:0;stroke:#fff;fill:#001e1d;opacity:0;transition:opacity .5s ease;-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;-ms-transition:opacity .5s ease}