@import"https://fonts.googleapis.com/css2?family=Contrail+One&family=Honk&family=Work+Sans:wght@400;600;700&display=swap";html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body{margin:0;padding:0;box-sizing:border-box;background-image:linear-gradient(to right,#f9c64fbd,#ec9a5648)}main{font-family:Work Sans,ui-sans-serif,system-ui,sans-serif;color:#1a1a1a;box-shadow:0 1px 6px #00000094;z-index:1000;background-color:#05cfcf5b;transition:1s ease-in}@media(prefers-color-scheme:dark){#html,body{background-color:#000;background-image:linear-gradient(to right,#07151b,#022d4183);color:#fff}#main{background-color:#022d41;color:#fff}#country-section h1{color:#fff!important}#country-card{color:#fff}#showArea{background-color:#022d41;color:#fff}.textInfo{color:#fff!important}#weatherDiagram{background-color:#0000009c!important;box-shadow:0 0 12px #ec880ddf,0 0 12px #fe9902df!important}#currency-converter{background-color:#022d41!important;color:#fff!important;box-shadow:0 0 12px #ec880ddf,0 0 12px #fe9902df!important}.updateDate{color:#ff7300!important}#changeCurrencyIcon{fill:#fff}#map{box-shadow:0 0 12px #ec880ddf,0 0 12px #fe9902df!important}.moneyError{color:#fff!important}.money{color:#ff7300!important}.spanInfo{color:#5f90f2!important}#dropdownMenu p,#dropdownMenu label{color:#fff!important}}#country-section h1{font-family:Contrail One,sans-serif;letter-spacing:1px;color:#1a1a1a;text-transform:uppercase;animation:moveText 2s ease-in-out infinite;transition:.3s ease}#country-section #hint{margin:0 .5em 8px;opacity:1;transition:opacity 4s ease,margin .3s ease;animation:bounce 3s ease-in-out infinite;text-align:center}#country-section #hint.hiddenText{opacity:0}#country-section:has(input:focus) h1{animation-play-state:paused}#country-search{width:100%;max-width:600px}#country{width:100%}#countryForm{display:flex;flex-direction:column}#convertError,#currency-error{color:#ca1616e3;font-weight:700;margin-top:8px;transition:.3s ease;animation:bounce 3s ease-in-out infinite}#country-error{color:#ca1616e3;font-weight:700;margin-top:8px;transition:.3s ease;animation:bounce 3s ease-in-out infinite;max-width:350px}#countrylist{font-size:.9rem}.hidden{display:none}.show{display:block}nav{display:flex}nav ul{list-style:none}#country-card{transition:1s ease-in;opacity:0;width:95%;max-width:600px;margin:0 auto}#country-card.show{opacity:1}#showArea{width:100%;margin:0 auto 50px}.spanInfo{font-weight:700;color:#3a7afe}.textInfo{font-weight:700;color:#022d41}.glowy-text{font-weight:700;color:#ff7300;animation:bigLighter 2s ease-in-out infinite}.headline-country{font-family:Honk,system-ui,sans-serif;font-size:3rem;letter-spacing:2px;text-align:center;animation:textGlow 3s ease-in-out infinite}.flagImg{border-radius:8px;box-shadow:0 4px 12px #00000094}#dropdownMenu{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}#dropdownMenu p,#dropdownMenu label{color:#022d41;font-weight:700}@media(max-width:530px){h1{font-size:1.5rem}#country-error{font-size:.9rem}#convertError{font-size:.9rem;text-align:center}#countrylist{font-size:.8rem}#hint,#convertHint{font-size:.9rem}#country-card{padding-left:1rem;width:95%}#dropdownMenu{font-size:.9rem}}@media(max-width:375px){#countrylist{columns:2;column-gap:.2rem}#country-error{font-size:.8rem}#convertError{font-size:.9rem}#hint,#convertHint,#dropdownMenu{font-size:.8rem}}main{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}body{min-height:100vh;display:flex;flex-direction:column}main{max-width:1140px;margin:0 auto;flex:1;width:100%;min-height:100vh;height:100%}#showArea{display:flex;flex-direction:column}#countriesDiv #countries-display,#countriesDiv,#country-section .country,#country-section #country-search{display:flex;align-items:center;justify-content:center;flex-direction:column}#country-section{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}#countriesDisplay,.countriesflag{display:flex;align-items:center}#countriesDisplay.hidden,#countriesDiv.hidden{display:none}.countriesflag{margin-bottom:.1rem}.countriesflag span{cursor:pointer}#dropdownMenu.hidden{display:none}#dropdownMenu{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:2rem;margin-right:auto;margin:0 0 .5rem .5rem}#dropdownMenu label{font-weight:700;margin-right:0}#dropdownMenu span{padding:.25rem .5rem;border-radius:8px;border:1px solid rgba(70,71,71,.7529411765);background-color:#f1eedd;color:#1a1a1a;cursor:pointer;transition:.3s ease;font-weight:400}#dropdownMenu span:hover{text-decoration:underline}#dropdownMenu select{padding:.25rem .5rem;border-radius:8px;border:1px solid rgba(70,71,71,.7529411765);background-color:#f1eedd;color:#1a1a1a;cursor:pointer;transition:.3s ease}#dropdownMenu select:hover{text-decoration:underline}#sortHint{padding:.25rem .5rem;border-radius:8px;border:1px solid rgba(70,71,71,.7529411765);background-color:#f1eedd;color:#1a1a1a;cursor:pointer;transition:.3s ease}#sortHint:hover{text-decoration:underline}.dropdown.show{display:block;opacity:1}#country-section h1,#country-section h2{text-align:center}#country-section #country-search{margin-top:16px}#country-section .country{margin:0 auto;text-align:center}#countriesDiv{margin-top:16px;margin-bottom:16px}#countriesDiv #countries-display{margin:0 auto}#countrylist{columns:6;column-gap:1rem;list-style:none;margin:0 auto}@media(max-width:768px){#countrylist{columns:4;column-gap:.6rem}}@media(max-width:530px){#dropdownMenu{font-size:.9rem}#countrylist{columns:3;column-gap:.4rem}}@media(max-width:375px){#dropdownMenu{font-size:.8rem}#countrylist{columns:2;column-gap:.2rem}}@media(max-width:320px){#dropdownMenu{flex-direction:column;gap:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes moveIcon{0%{transform:scale(1)}30%{transform:scale(1)}32%{transform:scale(1.08);translate:0 10px}35%{transform:scale(1)}to{transform:scale(1)}}@keyframes moveText{0%{transform:rotate(-2deg) translateY(-3px)}50%{transform:rotate(1deg) translateY(3px)}to{transform:rotate(-2deg) translateY(-3px)}}@keyframes bigLighter{0%{transform:scale(1);color:#3a7afe}50%{transform:scale(1.2);color:#ff7300}to{transform:scale(1);color:#3a7afe}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes textPulse{0%{box-shadow:0 0 5px #0006}50%{box-shadow:0 0 30px #ff7300}to{box-shadow:0 0 5px #0006}}@keyframes textGlow{0%{text-shadow:0 0 5px #ec6d04,0 0 10px #ec6d04}50%{text-shadow:0 0 5px #5F90F2,0 0 15px #ec6d04}to{text-shadow:0 0 5px #ec6d04,0 0 10px #ec6d04}}@keyframes pulseBounce{0%{transform:translateY(0);transform:scale(1);opacity:1}50%{transform:translateY(-10px);transform:scale(1.2);opacity:.5}to{transform:translateY(0);transform:scale(1);opacity:1}}@keyframes BounceTada{0%{transform:translateY(0) scale(1);opacity:.9}10%,20%{transform:translateY(-6px) scale(.9) rotate(-3deg);opacity:1}30%,50%,70%,90%{transform:translateY(-4px) scale(1.1) rotate(3deg);opacity:.9}40%,60%,80%{transform:translateY(0) scale(1.1) rotate(-3deg);opacity:1}to{transform:translateY(0) scale(1) rotate(0);opacity:.9}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.2)}70%{transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes floatWeatherIcon{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}#loadingIcon{display:flex;align-items:center;justify-content:center;flex-direction:column}.spinner{width:34px;height:34px;margin:1.5rem auto;border:3px solid #ccc;border-top:3px solid #1A1A1A;border-radius:50%;animation:spin 1s linear infinite}#loadingOverlay{position:fixed;inset:0;display:flex;height:100vh;width:100vw;align-items:center;justify-content:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:99999}#loadingOverlay.hidden{display:none}#loadingIcon{z-index:1000;font-family:Honk,system-ui,sans-serif;font-size:2rem;letter-spacing:3px;text-align:center;color:#ec6d04;background-color:#00aeff;text-shadow:0 4px 12px rgba(0,0,0,.582);box-shadow:0 0 12px #ec880ddf,0 0 12px #fe9902df;border-radius:20px;width:100%;max-width:300px;height:40px;border:3px solid #ccc;animation:BounceTada 1.6s linear infinite}#loadingIcon.hidden{display:none}#logo{width:100%;max-width:300px;height:auto;margin-bottom:0;margin-top:50px;animation:moveIcon 10s ease-in-out infinite;transition:.3s ease}#arrowIcon{transition:.3s ease}#changeCurrencyIcon{cursor:pointer;transition:.3s ease;border:none;display:flex}#changeCurrencyIcon svg{background-color:#f1eedd;border:none}@media(max-width:420px){#loadingOverlay{width:100%}#loadingIcon{width:250px;height:30px;font-size:1.5rem;letter-spacing:2px}}@media(max-width:320px){#loadingIcon{width:200px;height:30px;font-size:1.4rem;letter-spacing:2px}}#showCurrencyBtn,#showWeatherBtn,#countryMapBtn{display:flex;align-items:center}#countryMapBtn{color:#1a1a1a;background-color:#a1ec38;padding:.25rem 1rem;border-radius:8px;transition:.3s ease;box-shadow:0 4px 12px #00000094;cursor:pointer;font-weight:700}#countryMapBtn:hover{background-color:#fff}#countryMapBtn:active{background-color:#f1eedd;color:#1a1a1a}#countryMapBtn{margin-bottom:1rem}#showWeatherBtn{color:#1a1a1a;background-color:#00aeff;padding:.25rem 1rem;border-radius:8px;transition:.3s ease;box-shadow:0 4px 12px #00000094;cursor:pointer;font-weight:700}#showWeatherBtn:hover{background-color:#fff}#showWeatherBtn:active{background-color:#f1eedd;color:#1a1a1a}#showWeatherBtn{margin-bottom:1rem}#showCurrencyBtn{color:#1a1a1a;background-color:#f9c64f;padding:.25rem 1rem;border-radius:8px;transition:.3s ease;box-shadow:0 4px 12px #00000094;cursor:pointer;font-weight:700}#showCurrencyBtn:hover{background-color:#fff}#showCurrencyBtn:active{background-color:#f1eedd;color:#1a1a1a}#showCurrencyBtn{margin-bottom:1rem}#search-button.btn{color:#1a1a1a;background-color:#a1ec38;padding:.25rem 1rem;border-radius:8px;transition:.3s ease;box-shadow:0 4px 12px #00000094;cursor:pointer;font-weight:700}#search-button.btn:hover{background-color:#fff}#search-button.btn:active{background-color:#f1eedd;color:#1a1a1a}#search-button.btn{padding:.5rem;display:inline-flex;align-items:center}#moreCountries.btn{color:#1a1a1a;background-color:#ec935fec;padding:.25rem 1rem;border-radius:8px;transition:.3s ease;box-shadow:0 4px 12px #00000094;cursor:pointer;font-weight:700}#moreCountries.btn:hover{background-color:#fff}#moreCountries.btn:active{background-color:#f1eedd;color:#1a1a1a}#moreCountries.btn{margin-top:16px;margin-bottom:16px;display:flex;align-items:center}#convertBtn{color:#1a1a1a;background-color:#ec935fec;padding:.25rem 1rem;border-radius:8px;transition:.3s ease;box-shadow:0 4px 12px #00000094;cursor:pointer;font-weight:700}#convertBtn:hover{background-color:#fff}#convertBtn:active{background-color:#f1eedd;color:#1a1a1a}#convertBtn{margin-top:16px;margin-bottom:16px;display:flex;align-items:center}#moreCountries.hidden{display:none}#back-button{color:#1a1a1a;background-color:#ec6d04;padding:.25rem 1rem;border-radius:8px;transition:.3s ease;box-shadow:0 4px 12px #00000094;cursor:pointer;font-weight:700}#back-button:hover{background-color:#fff}#back-button:active{background-color:#f1eedd;color:#1a1a1a}#back-button{margin-top:16px;margin-bottom:16px;display:flex;align-items:center}.active{background:linear-gradient(90deg,#a1ec38,#4f82f9,#f3b406);animation:gradientShift 5s ease infinite;background-size:500% 500%}@media(max-width:530px){#moreCountries.btn{font-size:.9rem}}@media(max-width:375px){#moreCountries.btn{font-size:.8rem;padding:.1rem .5rem}}#country-name-input{font-weight:700;border-radius:.7em;padding:.5em;border:2px solid #ec6d04;transition:.3s ease;width:65%}#country-name-input:hover{border-color:#ec9a5648}#map{height:450px;width:450px;transition:1s ease-in-out;display:block;border:4px solid;border-image:linear-gradient(90deg,#00aeff,#05cfcf5b,#f9c64fbd,#ec6d04) 1;box-shadow:0 4px 12px #00000094;opacity:1;margin:0 auto}#map.hidden{display:none;opacity:0}.my-marker-icon{transition:transform .3s ease;border-radius:50%;animation:gradientShift 4s ease infinite,textPulse 3s ease-in-out infinite;box-shadow:0 4px 12px #00000094;background:linear-gradient(270deg,#ff7300,#05cfcf5b,#fff,#f9c64fbd);animation:textPulse 3s ease-in-out infinite;background-size:500% 500%}@media(max-width:530px){#map{width:350px;height:350px}}@media(max-width:375px){#map{width:275px;height:300px}}#weatherIcon{background-color:#fff;border-radius:25%;animation:floatWeatherIcon 3s ease-in-out infinite;box-shadow:0 4px 12px #00000094;transition:transform .3s ease}#weatherContainer{margin-bottom:16px}#weatherDiagram{width:100%;max-width:450px;margin:0 auto;background-color:#f1eedd;padding:.75rem;border-radius:8px;box-shadow:0 4px 12px #00000094}#weatherDiagram canvas{width:100%;max-width:700px;max-height:350px;min-height:250px}#weather-error{color:#ca1616e3;font-weight:700;text-align:center}#myChart .hidden{display:none}@media(max-width:768px){#showArea #weatherDiagram canvas{width:95%;height:200px}}@media(max-width:530px){#weatherDiagram{max-width:350px}#weatherDiagram canvas{min-height:200px}}@media(max-width:400px){#weatherDiagram{max-width:300px}#weatherDiagram canvas{min-height:150px}}@media(max-width:325px){#weatherDiagram{max-width:275px}}#currencyForm{display:flex;align-items:center;justify-content:center;flex-direction:column}#currency-converter{display:flex;flex-direction:column;width:100%;max-width:600px;height:auto;align-items:center;margin:0 auto;gap:.5rem;box-shadow:0 4px 12px #00000094;background-color:#f1eedd;padding:.25rem 1rem;border-radius:8px}#currency-converter label[for=fromCurrency],#currency-converter label[for=toCurrency]{display:flex;width:100%;align-items:center;gap:.5rem}#currency-converter .fromToCurrency{display:flex;gap:1rem;align-items:center;padding:.25rem 1rem;margin-top:16px}#currency-converter h3{text-align:center}#currencyForm{gap:.5rem}#currencyForm input{border-radius:8px;padding:4px}.moneyError{font-weight:700;color:#0000009c}.money{font-weight:700;color:#a84c00}.updateDate{font-weight:700;color:#022d41}#currency-converter.hidden,#fromFlag[src=""],#toFlag[src=""]{display:none}@media(max-width:768px){#currency-converter{width:95%;max-width:500px}.fromCurrency{width:100%}.fromToCurrency{gap:.5rem;flex-direction:column;align-items:flex-start;margin-top:0}}@media(max-width:530px){#currency-converter{width:90%}.updateDate,.updateText{font-size:.9rem}}@media(max-width:375px){#currency-converter{width:90%}}@media(max-width:315px){#currency-converter{width:80%}}