:root{color:#fff;font-family:sans-serif;--lighter-color:#1f2937;--lighter-color-less-opacity:#1f29374b;--darker-color:#111827;--day-color:linear-gradient(#4fbeff,var(--darker-color));--night-color:linear-gradient(#000,var(--darker-color));--dialog-color:#15213b;box-sizing:border-box}*{margin:0;padding:0}.roboto-regular,body{font-family:Roboto,sans-serif;font-style:normal;font-weight:400}body{display:flex;justify-content:center;min-height:100vh}body:has(.home){background-color:#000}.home{font-size:3rem}.main{flex-grow:1;font-size:1rem;margin:auto;max-width:min-content}.date-container{display:flex;flex-direction:column}.loading-icon{animation:rotate-loading 1s infinite}.loading-div{align-items:center;display:flex;flex-direction:column}.main:has(.error-div){max-width:fit-content;text-align:center}.error-div{text-align:center;width:fit-content}@keyframes rotate-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main>div{margin:20px 10px;padding-bottom:20px}.weather-top{align-items:center;column-gap:3rem;display:flex;flex-wrap:wrap;justify-content:space-around;margin:20px 10px;padding-top:0}.location-container{align-self:flex-start;display:flex;flex-direction:column;font-size:2rem;margin-left:10px;margin-right:auto;max-width:60%}span.feelslike-container,span.weather-description{flex-basis:100%}.temperature-info-container{align-items:center;display:flex;flex-direction:column;font-size:1rem;row-gap:10px}.temperature-info-container>*{flex:1;margin:0}span[data-scale]:after{content:attr(data-scale);margin-left:3px}.average-temperature{font-size:1.8rem}.average-temperature:before{background-image:url(227caca2cc3aecdf4c2d.png);background-size:contain;content:" ";display:inline-block;height:30px;vertical-align:middle;width:30px}.min-max-container{column-gap:20px;display:flex}.weather-mid{display:grid;gap:20px;grid-template-areas:"humidity moon wind" "sunrise sunset uvindex" "precipitation  precipitation precipitation"}.humidity-container{grid-area:humidity}.moon-container{grid-area:moon}.uvIndex-container{grid-area:uvindex}.precipitationChance-container{grid-area:precipitation}.sunset-container{grid-area:sunset}.sunrise-container{grid-area:sunrise}.additional-container{border:1px solid var(--darker-color);display:flex;flex:1;flex-direction:column;padding:5px;white-space:nowrap}.additional-container span[data-icon]:before{background-size:contain;content:" ";display:inline-block;height:30px;vertical-align:middle;width:30px}.additional-container span[data-icon=moon_icon]:before{background-image:url(f0a563d2d2dfed41f21f.png)}.additional-container span[data-icon=humidity_icon]:before{background-image:url(fc08a56e1784defe9f0e.png)}.additional-container span[data-icon=wind_icon]:before{background-image:url(e08994e93c541c461d0d.png)}.additional-container>:first-child{font-size:1.3rem;text-transform:capitalize}.additional-container>:nth-child(2){margin-left:30px}.hours-chart{column-gap:10px;display:grid;font-size:.8rem;grid-template-columns:repeat(12,1fr);row-gap:30px}.hours-chart img{height:32px;width:32px}.hour-information{align-items:center;display:flex;flex-basis:20%;flex-direction:column;row-gap:5px}.hour-information span:first-child{font-size:.9rem;font-weight:bolder}.next-days-container{display:flex;flex-direction:column;gap:3rem}.next-day-container{display:grid;grid-template-areas:"date date date" "weekday moon temperature" "icon . temperature" "icon precipitation temperature";grid-template-columns:repeat(3,1fr);padding:20px 5px 3rem}.next-day-container:nth-child(2n){background-color:var(--lighter-color-less-opacity)}.next-day-container .day-of-the-week{font-size:2rem;grid-area:weekday;margin:0;padding:0}.next-day-container>*{border:0}.next-day-container .date{grid-area:date;padding-bottom:20px}.next-day-container .moon{grid-area:moon}.next-day-container .precipitation{grid-area:precipitation}.next-day-container .temperature-info-container{grid-area:temperature;margin-left:auto;*{flex:0}}.next-day-container .icon-container{align-self:center;grid-area:icon}:root{--nav-width:26px}*{box-sizing:border-box}.bebas-neue-regular{font-style:normal;font-weight:400}.bebas-neue-regular,nav{font-family:Bebas Neue,sans-serif}nav{background-color:var(--dialog-color);left:0;min-height:100vh;top:0;width:var(--nav-width)}.hamburger-menu-button{background-color:transparent;border:none;color:#fff;cursor:pointer;height:26px;outline:none;width:26px}dialog{animation:close-dialog .5s linear;background-color:var(--dialog-color);font-family:Bebas Neue,Helvetica,sans-serif;height:100vh;margin:0;max-height:100vh;padding-right:26px}dialog[open]{animation:open-dialog .5s linear}form{color:#fff;display:flex;flex-direction:column;font-family:Bebas Neue,sans-serif;margin:30px 10px;padding:0 10px;row-gap:20px}form .close-button{position:absolute;right:0;top:0}form #load-data-button,form .close-button{background-color:transparent;border:none;cursor:pointer;font-size:1rem;height:26px;outline:none;width:26px}form #load-data-button{vertical-align:middle}dialog:not([open]) .close-button{animation:close-button-animation 0s linear;display:none}form #load-data-button{vertical-align:sub}form fieldset{background-color:var(--darker-color);border:1px solid #fff;border-radius:8px;padding:10px 15px;width:300px}form fieldset label{margin-left:5px}form fieldset span{display:block;margin-top:10px;text-transform:capitalize}::backdrop{backdrop-filter:blur(5px)}.search-container button{height:2rem;width:20px}.search-container input{background:linear-gradient(1turn,transparent 0 8px,#fff 8px 9px,transparent 9px 100%);border:none;border-radius:8px;color:#fff;font-family:Bebas Neue,sans-serif;font-size:16px;height:2rem;outline:none;padding-left:10px;width:300px}.search-container label{display:block}@keyframes open-dialog{0%{display:none;transform:translateX(-100%)}to{display:block;transform:translateX(0)}}@keyframes close-dialog{0%{display:block;transform:translateX(0)}to{display:none;transform:translateX(-100%) translateX(var(--nav-width))}}@keyframes close-button-animation{0%{display:block}to{display:none}}
/*# sourceMappingURL=main.css.map*/