*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}:root{font-size:62.5%}body{box-sizing:border-box}@media screen and (min-width: 2200px){:root{font-size:100% !important}}@media screen and (min-width: 2000px){:root{font-size:90% !important}}@media screen and (min-width: 1800px){:root{font-size:82.5% !important}}@media screen and (max-width: 1380px){:root{font-size:82.5%}}@media screen and (max-width: 1210px){:root{font-size:70%}}@media screen and (max-width: 1020px){:root{font-size:60%}}@media screen and (max-width: 890px){:root{font-size:50%}}@media screen and (max-width: 740px){:root{font-size:40%}}@media screen and (max-width: 600px){:root{font-size:30%}}@media screen and (max-width: 450px){:root{font-size:25%}}body{font-family:"Poppins",sans-serif;font-size:1.6rem;font-weight:500;line-height:1.7;color:#fff}.heading-tertiary{font-size:2.7rem;font-weight:500;display:inline-block;color:#fef08a;text-transform:uppercase}.u-transition{transition:all .4s}.u-font-size-4{font-size:4rem}.main{min-height:100vh;background-image:linear-gradient(to right, rgba(71, 85, 105, 0.6), rgba(203, 213, 225, 0.6)),url(images/background.jpg);background-size:cover;background-position:top;display:grid;grid-template-columns:1fr auto}.content{padding:5rem 4rem 5rem 6rem;display:flex;flex-direction:column;gap:5rem}.aside{width:45rem;padding:5rem 8rem;display:flex;flex-direction:column;align-items:center;gap:7rem;height:100%;background-color:rgba(255,255,255,.4);backdrop-filter:blur(1rem)}@media screen and (max-width: 1380px){.main{grid-template-columns:1fr;width:100%}.main .content{align-items:center}.main .week-forecast{margin-left:5rem;margin-right:0}.aside{height:min-content;padding:3rem 4.5rem;position:absolute;top:50rem;left:50%;transform:translateX(-50%)}.aside .weather-details{display:none}}.current-weather{width:min-content;display:flex;align-items:center;line-height:1.2;gap:1rem}.current-weather__temperature{font-size:10rem}.current-weather__info-box{display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap}.current-weather__info-box__city{font-size:5rem}.current-weather__info-box__date{font-size:1.6rem}.current-weather__icon-box{height:100%;width:12rem;padding-left:1rem;display:flex;align-items:center}.current-weather__icon{width:100%}.today-forecast{display:flex;flex-direction:column;width:min-content;gap:1.5rem;border:2px solid #fff;padding:2rem;border-radius:2rem;box-shadow:0 1.5rem 4rem rgba(0,0,0,.2)}.today-forecast .heading-tertiary{white-space:nowrap;width:min-content;user-select:none}.today-forecast .heading-tertiary:hover{text-shadow:.5rem 1rem 3rem rgba(0,0,0,.8)}.today-forecast__container{width:100%;display:flex}.today-forecast__delimiter{height:100%;width:1.5px;background-color:#fff}.today-forecast__card{transition:all .3s;text-align:center;display:inline-block}.today-forecast__card>*{white-space:nowrap}.today-forecast__card__icon-box{height:8rem;display:grid;place-content:center}.today-forecast__card__icon{margin:0 auto;width:80%}.today-forecast__card:not(:last-child){padding-right:2rem}.today-forecast__card:not(:first-child){padding-left:2rem}.today-forecast__card:hover{transform:translateY(-1rem)}.find-region{width:100%;position:relative;background-image:url(images/search-icon.svg);background-repeat:no-repeat;background-position:top 50% right 3px;background-size:1.8rem}.find-region__input{width:100%;padding:.5rem 3rem .5rem 0;background-color:rgba(0,0,0,0);font-family:inherit;border:none;border-bottom:2px solid #fff;font-size:1.6rem;color:#334155;transition:all .3s}.find-region__input--invalid{border-bottom:2px solid #ef4444}.find-region__input--invalid~.find-region__label{color:#ef4444}.find-region__input::placeholder{color:rgba(0,0,0,0)}.find-region__input:placeholder-shown~.find-region__label{top:2px;left:0;font-size:1.8rem}.find-region__input:focus{outline:none;border-width:3px;font-weight:700}.find-region__input:focus~.find-region__label{font-size:1.4rem;font-weight:700;top:-1.6rem}.find-region__label{transition:all .3s;position:absolute;top:-1.6rem;left:0;font-size:1.4rem}.find-region__error-message{position:absolute;font-size:1.1rem;color:#ef4444}.find-region__error-message--hidden{display:none}.weather-details{width:100%;display:flex;flex-direction:column;color:#475569;transition:all .3s}.weather-details__title{margin-bottom:1rem;font-size:2.5rem;font-weight:600}.weather-details__row{padding:1.5rem 0;display:flex;justify-content:space-between;position:relative;cursor:pointer}.weather-details__row::before{background:#fef08a;content:"";left:-1rem;right:-1rem;top:.75rem;bottom:.75rem;border-radius:2rem;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease-in;z-index:-1}.weather-details__row:hover::before{transform:scaleX(1);transform-origin:left}.weather-details__row:not(:first-of-type){border-top:1px solid #475569}.week-forecast{display:flex;flex-direction:column;align-items:center;font-size:2rem;margin-top:5rem;gap:2rem;width:70rem;margin:10rem auto 5rem auto;margin-left:5rem;margin-right:0}.week-forecast__row{width:100%;display:flex;justify-content:space-around;align-items:center;padding:1rem 0;transition:all .3s}.week-forecast__row__day{width:13rem}.week-forecast__row:hover{transform:scale(1.05)}.week-forecast__row:not(:last-of-type){border-bottom:2px solid #fff}.week-forecast__row__icon-box{width:5rem;justify-self:start}.week-forecast__row__temp-box{display:flex;align-items:center;gap:1rem}.week-forecast__row__joiner{width:10rem;height:.7rem;border:1px solid #fff;border-radius:10rem}