@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{color-scheme:dark light}body{min-height:100vh}img,picture,svg,video{display:block;max-width:100%}body{margin:0;height:100svh;background-color:#000}#app{height:100%;overflow:hidden}.background-image{position:absolute;inset:0;height:100%;width:100%;background-repeat:no-repeat;background-position:center;background-size:cover}.blur{position:absolute;inset:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.popup{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.popup-content{display:flex;flex-direction:column;background:#fff;padding:1rem;gap:.5rem;border-radius:.5rem;width:16rem}.input{display:flex;align-items:center;justify-content:space-between}.hidden{display:none}.clock-container{display:flex;justify-content:center;align-items:center;position:absolute;inset:0;padding:9vw}.clock-container .clock-background{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;color:#fff;width:100%;height:100%;background-color:#00000080;border-radius:1rem;font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-weight:900;font-size:14vw}.clock-container .clock-background #date{font-size:.5em}.corner-elements{display:flex;position:absolute;top:0;left:0;align-items:center;transform:translate(-7vw,-50%);filter:drop-shadow(0 0 .5rem black)}#icon{width:14vw;aspect-ratio:1/1}#temp{margin-top:.15em;font-size:.4em}.clearsky-day{background-image:url(/images/clearsky-day.jpg)}.clearsky-night{background-image:url(/images/clearsky-night.jpg)}.fair-day{background-image:url(/images/fair-day.jpg)}.fair-night{background-image:url(/images/fair-night.jpg)}.partlycloudy-day{background-image:url(/images/partlycloudy-day.jpg)}.partlycloudy-night{background-image:url(/images/partlycloudy-night.jpg)}.cloudy-day{background-image:url(/images/cloudy-day.jpg)}.cloudy-night{background-image:url(/images/cloudy-night.jpg)}.fog-day{background-image:url(/images/fog-day.jpg)}.fog-night{background-image:url(/images/fog-night.jpg)}.rain-day{background-image:url(/images/rain-day.jpg)}.rain-night{background-image:url(/images/rain-night.jpg)}.lightrain-day{background-image:url(/images/lightrain-day.jpg)}.lightrain-night{background-image:url(/images/lightrain-night.jpg)}.heavyrain-day{background-image:url(/images/heavyrain-day.jpg)}.heavyrain-night{background-image:url(/images/heavyrain-night.jpg)}.rainshowers-day{background-image:url(/images/rainshowers-day.jpg)}.rainshowers-night{background-image:url(/images/rainshowers-night.jpg)}.lightrainshowers-day{background-image:url(/images/lightrainshowers-day.jpg)}.lightrainshowers-night{background-image:url(/images/lightrainshowers-night.jpg)}.heavyrainshowers-day{background-image:url(/images/heavyrainshowers-day.jpg)}.heavyrainshowers-night{background-image:url(/images/heavyrainshower-night.jpg)}.rainandthunder-day{background-image:url(/images/rainandthunder-day.jpg)}.rainandthunder-night{background-image:url(/images/rainandthunder-night.jpg)}.lightrainandthunder-day{background-image:url(/images/lightrainandthunder-day.jpg)}.lightrainandthunder-night{background-image:url(/images/lightrainandthunder-night.jpg)}.heavyrainandthunder-day{background-image:url(/images/heavyrainandthunder-day.jpg)}.heavyrainandthunder-night{background-image:url(/images/heavyrainandthunder-night.jpg)}.rainshowersandthunder-day{background-image:url(/images/rainshowersandthunder-day.jpg)}.rainshowersandthunder-night{background-image:url(/images/rainshowersandthunder-night.jpg)}.lightrainshowersandthunder-day{background-image:url(/images/lightrainshowersandthunder-day.jpg)}.lightrainshowersandthunder-night{background-image:url(/images/lightrainshowersandthunder-night.jpg)}.heavyrainshowersandthunder-day{background-image:url(/images/heavyrainshowersandthunder-day.jpg)}.heavyrainshowersandthunder-night{background-image:url(/images/heavyrainshowersandthunder-night.jpg)}.sleet-day{background-image:url(/images/sleet-day.jpg)}.sleet-night{background-image:url(/images/sleet-night.jpg)}.lightsleet-day{background-image:url(/images/lightsleet-day.jpg)}.lightsleet-night{background-image:url(/images/lightsleet-night.jpg)}.heavysleet-day{background-image:url(/images/heavysleet-day.jpg)}.heavysleet-night{background-image:url(/images/heavysleet-night.jpg)}.sleetshowers-day{background-image:url(/images/sleetshowers-day.jpg)}.sleetshowers-night{background-image:url(/images/sleetshowers-night.jpg)}.lightsleetshowers-day{background-image:url(/images/lightsleetshowers-day.jpg)}.lightsleetshowers-night{background-image:url(/images/lightsleetshowers-night.jpg)}.heavysleetshowers-day{background-image:url(/images/heavysleetshowers-day.jpg)}.heavysleetshowers-night{background-image:url(/images/heavysleetshowers-night.jpg)}.sleetandthunder-day{background-image:url(/images/sleetandthunder-day.jpg)}.sleetandthunder-night{background-image:url(/images/sleetandthunder-night.jpg)}.lightsleetandthunder-day{background-image:url(/images/lightsleetandthunder-day.jpg)}.lightsleetandthunder-night{background-image:url(/images/lightsleetandthunder-night.jpg)}.heavysleetandthunder-day{background-image:url(/images/heavysleetandthunder-day.jpg)}.heavysleetandthunder-night{background-image:url(/images/heavysleetandthunder-night.jpg)}.sleetshowersandthunder-day{background-image:url(/images/sleetshowersandthunder-day.jpg)}.sleetshowersandthunder-night{background-image:url(/images/sleetshowersandthunder-night.jpg)}.lightssleetshowersandthunder-day{background-image:url(/images/lightssleetshowersandthunder-day.jpg)}.lightssleetshowersandthunder-night{background-image:url(/images/lightssleetshowersandthunder-night.jpg)}.heavysleetshowersandthunder-day{background-image:url(/images/heavysleetshowersandthunder-day.jpg)}.heavysleetshowersandthunder-night{background-image:url(/images/heavysleetshowersandthunder-night.jpg)}.snow-day{background-image:url(/images/snow-day.jpg)}.snow-night{background-image:url(/images/snow-night.jpg)}.lightsnow-day{background-image:url(/images/lightsnow-day.jpg)}.lightsnow-night{background-image:url(/images/lightsnow-night.jpg)}.heavysnow-day{background-image:url(/images/heavysnow-day.jpg)}.heavysnow-night{background-image:url(/images/heavysnow-night.jpg)}.snowshowers-day{background-image:url(/images/snowshowers-day.jpg)}.snowshowers-night{background-image:url(/images/snowshowers-night.jpg)}.lightsnowshowers-day{background-image:url(/images/lightsnowshowers-day.jpg)}.lightsnowshowers-night{background-image:url(/images/lightsnowshowers-night.jpg)}.heavysnowshowers-day{background-image:url(/images/heavysnowshowers-day.jpg)}.heavysnowshowers-night{background-image:url(/images/heavysnowshowers-night.jpg)}.snowandthunder-day{background-image:url(/images/snowandthunder-day.jpg)}.snowandthunder-night{background-image:url(/images/snowandthunder-night.jpg)}.lightsnowandthunder-day{background-image:url(/images/lightsnowandthunder-day.jpg)}.lightsnowandthunder-night{background-image:url(/images/lightsnowandthunder-night.jpg)}.heavysnowandthunder-day{background-image:url(/images/heavysnowandthunder-day.jpg)}.heavysnowandthunder-night{background-image:url(/images/heavysnowandthunder-night.jpg)}.snowshowersandthunder-day{background-image:url(/images/snowshowersandthunder-day.jpg)}.snowshowersandthunder-night{background-image:url(/images/snowshowersandthunder-night.jpg)}.lightssnowshowersandthunder-day{background-image:url(/images/lightssnowshowersandthunder-day.jpg)}.lightssnowshowersandthunder-night{background-image:url(/images/lightssnowshowersandthunder-night.jpg)}.heavysnowshowersandthunder-day{background-image:url(/images/heavysnowshowersandthunder-day.jpg)}.heavysnowshowersandthunder-night{background-image:url(/images/heavysnowshowersandthunder-night.jpg)}.clearsky_day_icon{background-image:url(/icons/clearsky_day.svg)}.clearsky_night_icon{background-image:url(/icons/clearsky_night.svg)}.clearsky_polartwilight_icon{background-image:url(/icons/clearsky_polartwilight.svg)}.fair_day_icon{background-image:url(/icons/fair_day.svg)}.fair_night_icon{background-image:url(/icons/fair_night.svg)}.fair_polartwilight_icon{background-image:url(/icons/fair_polartwilight.svg)}.partlycloudy_day_icon{background-image:url(/icons/partlycloudy_day.svg)}.partlycloudy_night_icon{background-image:url(/icons/partlycloudy_night.svg)}.partlycloudy_polartwilight_icon{background-image:url(/icons/partlycloudy_polartwilight.svg)}.cloudy_icon{background-image:url(/icons/cloudy.svg)}.fog_icon{background-image:url(/icons/fog.svg)}.rain_icon{background-image:url(/icons/rain.svg)}.lightrain_icon{background-image:url(/icons/lightrain.svg)}.heavyrain_icon{background-image:url(/icons/heavyrain.svg)}.rainshowers_day_icon{background-image:url(/icons/rainshowers_day.svg)}.rainshowers_night_icon{background-image:url(/icons/rainshowers_night.svg)}.rainshowers_polartwilight_icon{background-image:url(/icons/rainshowers_polartwilight.svg)}.lightrainshowers_day_icon{background-image:url(/icons/lightrainshowers_day.svg)}.lightrainshowers_night_icon{background-image:url(/icons/lightrainshowers_night.svg)}.lightrainshowers_polartwilight_icon{background-image:url(/icons/lightrainshowers_polartwilight.svg)}.heavyrainshowers_day_icon{background-image:url(/icons/heavyrainshowers_day.svg)}.heavyrainshowers_night_icon{background-image:url(/icons/heavyrainshower_night.svg)}.heavyrainshowers_polartwilight_icon{background-image:url(/icons/heavyrainshower_polartwilight.svg)}.rainandthunder_icon{background-image:url(/icons/rainandthunder.svg)}.lightrainandthunder_icon{background-image:url(/icons/lightrainandthunder.svg)}.heavyrainandthunder_icon{background-image:url(/icons/heavyrainandthunder.svg)}.rainshowersandthunder_day_icon{background-image:url(/icons/rainshowersandthunder_day.svg)}.rainshowersandthunder_night_icon{background-image:url(/icons/rainshowersandthunder_night.svg)}.rainshowersandthunder_polartwilight_icon{background-image:url(/icons/rainshowersandthunder_polartwilight.svg)}.lightrainshowersandthunder_day_icon{background-image:url(/icons/lightrainshowersandthunder_day.svg)}.lightrainshowersandthunder_night_icon{background-image:url(/icons/lightrainshowersandthunder_night.svg)}.lightrainshowersandthunder_polartwilight_icon{background-image:url(/icons/lightrainshowersandthunder_polartwilight.svg)}.heavyrainshowersandthunder_day_icon{background-image:url(/icons/heavyrainshowersandthunder_day.svg)}.heavyrainshowersandthunder_night_icon{background-image:url(/icons/heavyrainshowersandthunder_night.svg)}.heavyrainshowersandthunder_polartwilight_icon{background-image:url(/icons/heavyrainshowersandthunder_polartwilight.svg)}.sleet_icon{background-image:url(/icons/sleet.svg)}.lightsleet_icon{background-image:url(/icons/lightsleet.svg)}.heavysleet_icon{background-image:url(/icons/heavysleet.svg)}.sleetshowers_day_icon{background-image:url(/icons/sleetshowers_day.svg)}.sleetshowers_night_icon{background-image:url(/icons/sleetshowers_night.svg)}.sleetshowers_polartwilight_icon{background-image:url(/icons/sleetshowers_polartwilight.svg)}.lightsleetshowers_day_icon{background-image:url(/icons/lightsleetshowers_day.svg)}.lightsleetshowers_night_icon{background-image:url(/icons/lightsleetshowers_night.svg)}.lightsleetshowers_polartwilight_icon{background-image:url(/icons/lightsleetshowers_polartwilight.svg)}.heavysleetshowers_day_icon{background-image:url(/icons/heavysleetshowers_day.svg)}.heavysleetshowers_night_icon{background-image:url(/icons/heavysleetshowers_night.svg)}.heavysleetshowers_polartwilight_icon{background-image:url(/icons/heavysleetshowers_polartwilight.svg)}.sleetandthunder_icon{background-image:url(/icons/sleetandthunder.svg)}.lightsleetandthunder_icon{background-image:url(/icons/lightsleetandthunder.svg)}.heavysleetandthunder_icon{background-image:url(/icons/heavysleetandthunder.svg)}.sleetshowersandthunder_day_icon{background-image:url(/icons/sleetshowersandthunder_day.svg)}.sleetshowersandthunder_night_icon{background-image:url(/icons/sleetshowersandthunder_night.svg)}.sleetshowersandthunder_polartwilight_icon{background-image:url(/icons/sleetshowersandthunder_polartwilight.svg)}.lightssleetshowersandthunder_day_icon{background-image:url(/icons/lightssleetshowersandthunder_day.svg)}.lightssleetshowersandthunder_night_icon{background-image:url(/icons/lightssleetshowersandthunder_night.svg)}.lightssleetshowersandthunder_polartwilight_icon{background-image:url(/icons/lightssleetshowersandthunder_polartwilight.svg)}.heavysleetshowersandthunder_day_icon{background-image:url(/icons/heavysleetshowersandthunder_day.svg)}.heavysleetshowersandthunder_night_icon{background-image:url(/icons/heavysleetshowersandthunder_night.svg)}.heavysleetshowersandthunder_polartwilight_icon{background-image:url(/icons/heavysleetshowersandthunder_polartwilight.svg)}.snow_icon{background-image:url(/icons/snow.svg)}.lightsnow_icon{background-image:url(/icons/lightsnow.svg)}.heavysnow_day_icon{background-image:url(/icons/heavysnow_day.svg)}.heavysnow_night_icon{background-image:url(/icons/heavysnow_night.svg)}.heavysnow_polartwilight_icon{background-image:url(/icons/heavysnow_polartwilight.svg)}.snowshowers_day_icon{background-image:url(/icons/snowshowers_day.svg)}.snowshowers_night_icon{background-image:url(/icons/snowshowers_night.svg)}.snowshowers_polartwilight_icon{background-image:url(/icons/snowshowers_polartwilight.svg)}.lightsnowshowers_day_icon{background-image:url(/icons/lightsnowshowers_day.svg)}.lightsnowshowers_night_icon{background-image:url(/icons/lightsnowshowers_night.svg)}.lightsnowshowers_polartwilight_icon{background-image:url(/icons/lightsnowshowers_polartwilight.svg)}.heavysnowshowers_day_icon{background-image:url(/icons/heavysnowshowers_day.svg)}.heavysnowshowers_night_icon{background-image:url(/icons/heavysnowshowers_night.svg)}.heavysnowshowers_polartwilight_icon{background-image:url(/icons/heavysnowshowers_polartwilight.svg)}.snowandthunder_icon{background-image:url(/icons/snowandthunder.svg)}.lightsnowandthunder_icon{background-image:url(/icons/lightsnowandthunder.svg)}.heavysnowandthunder_day_icon{background-image:url(/icons/heavysnowandthunder_day.svg)}.heavysnowandthunder_night_icon{background-image:url(/icons/heavysnowandthunder_night.svg)}.heavysnowandthunder_polartwilight_icon{background-image:url(/icons/heavysnowandthunder_polartwilight.svg)}.snowshowersandthunder_day_icon{background-image:url(/icons/snowshowersandthunder_day.svg)}.snowshowersandthunder_night_icon{background-image:url(/icons/snowshowersandthunder_night.svg)}.snowshowersandthunder_polartwilight_icon{background-image:url(/icons/snowshowersandthunder_polartwilight.svg)}.lightssnowshowersandthunder_day_icon{background-image:url(/icons/lightssnowshowersandthunder_day.svg)}.lightssnowshowersandthunder_night_icon{background-image:url(/icons/lightssnowshowersandthunder_night.svg)}.lightssnowshowersandthunder_polartwilight_icon{background-image:url(/icons/lightssnowshowersandthunder_polartwilight.svg)}.heavysnowshowersandthunder_day_icon{background-image:url(/icons/heavysnowshowersandthunder_day.svg)}.heavysnowshowersandthunder_night_icon{background-image:url(/icons/heavysnowshowersandthunder_night.svg)}.heavysnowshowersandthunder_polartwilight_icon{background-image:url(/icons/heavysnowshowersandthunder_polartwilight.svg)}