@import "https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;700&display=swap";@keyframes spinInCircle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}@media screen and (min-width:144em){html{font-size:75%}}@media screen and (max-width:102.4em){html{font-size:56.25%}}@media screen and (max-width:76.8em){html{font-size:50%}}@media screen and (max-width:42.5em){html{font-size:43.75%}}body{font-family:Rubik,sans-serif;font-weight:300;line-height:1.5}.heading--1{font-size:2.5rem}.heading--1,.heading--2{display:inline-block;font-weight:700}.heading--2{font-size:2rem}.heading--3{font-size:1.4rem}.heading--3,.paragraph{display:inline-block;font-weight:300}.paragraph{font-size:1.5rem}.app{background-image:url(hero.03a23400.jpg);background-size:cover;display:grid;grid-template-columns:1fr repeat(10,minmax(min-content,14rem)) 1fr;grid-template-rows:min-content 80vh;min-height:100vh}@media screen and (max-width:76.8em){.app{grid-template-rows:min-content 70vh}}.spinner__box{display:flex;justify-content:center}.spinner__icon{animation:spinInCircle 2s ease-in-out -2s infinite;display:inline-block;height:14rem;margin-top:15rem;width:14rem}.aside{background-color:hsla(0,0%,93%,.89);border-radius:3px;grid-column:2/span 3;grid-row:2/span 1;overflow-y:scroll;padding:1rem}@media screen and (max-width:76.8em){.aside{grid-column:2/span 10;grid-row:3/span 1;margin-top:4rem;max-height:90vh;min-height:30rem;padding:2rem 1rem}}.aside>h1.heading--1.text-center{display:block;margin-bottom:2rem}.aside::-webkit-scrollbar{width:1.4rem}.aside::-webkit-scrollbar-track{background-color:hsla(0,0%,93%,.89)}.aside::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#aaa;border:1px solid hsla(0,0%,93%,.89);border-radius:1rem}.weather__list{color:hsla(0,0%,100%,.94)}@media screen and (max-width:76.8em){.weather__list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(40rem,1fr))}}.weather{background-color:#181c1b;border-radius:4px;padding:1rem;transition:transform .2s ease}.weather:not(:last-child){margin-bottom:1rem}@media screen and (max-width:76.8em){.weather:not(:last-child){margin-bottom:0}}.weather:hover{transform:scale(.97)}.weather__head{align-items:center;display:flex}.weather__close{background-color:transparent;border:none;color:rgba(32,238,94,.801);font-size:3rem;font-weight:700;margin-left:auto;transition:transform .2s ease}.weather__close:hover{transform:scale(1.5)}.weather__icon{fill:rgba(32,238,94,.801);height:2rem;margin-right:.5rem;width:2rem}.weather__icon:hover{transform:scale(1.5)}.weather__data{align-items:center;display:flex;padding:1rem 0}.weather__image{display:inline-block;height:3rem;margin:0 .5rem;width:3rem}.weather__list__more{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,minmax(min-content,3.5rem));row-gap:.2rem}.weather__list__more li{align-items:center;align-self:center;background-color:#212622;border-radius:1rem;display:flex;list-style:none;padding:3px 5px;width:90%}.footer{background-color:hsla(0,0%,93%,.89);color:#181c1b;grid-column:2/span 10;grid-row:5/span 1;margin-top:4rem;padding:2rem}.media{display:flex;justify-content:center;padding:2rem 0}.media__link{color:#181c1b;display:inline-block;margin:0 2rem;padding:1rem;text-decoration:none;transition:all .2s ease}.media__link:hover .media__icon{transform:scale(.9)}.media__icon{fill:#212622;height:4rem;width:4rem}.copyright{font-size:2rem;font-weight:600;text-align:center}.weather__forecasts{background-color:hsla(0,0%,93%,.89);color:hsla(0,0%,100%,.94);grid-column:2/span 10;grid-row:4/span 1;margin-top:4rem;min-height:30rem;padding:1.5rem}.forecasts{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(40rem,1fr))}.forecast{background-color:#181c1b;border-radius:4px;padding:2rem;transition:transform .2s ease}.forecast:hover{transform:scale(.97)}.forecast__title{color:#181c1b;grid-column:1/-1;grid-row:1/span 1}.forecast__title>h2{display:block;margin:1rem 0;padding:2rem}.forecast__head{align-items:center;display:flex}.forecast__icon{fill:rgba(32,238,94,.801);height:2rem;margin-right:.5rem;width:2rem}.forecast__icon:hover{transform:scale(1.5)}.forecast__data{align-items:center;display:flex;padding:1rem 0}.forecast__image{display:inline-block;height:3rem;margin:0 .5rem;width:3rem}.forecast__list__more{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,minmax(min-content,3.5rem));row-gap:.2rem}.forecast__list__more li{align-items:center;align-self:center;background-color:#212622;border-radius:1rem;display:flex;list-style:none;padding:3px 5px;width:90%}.header{align-items:center;display:flex;font-size:1.4rem;grid-column:2/span 10;grid-row:1/span 1;justify-content:space-between;padding:.5rem 0}.header__logo{height:4.5rem;width:4.5rem}.header__nav-list{align-items:center;display:flex;list-style:none}.header__nav-link{padding:.5rem 1rem}.header__nav-link:link,.header__nav-link:visited{color:#181c1b;text-decoration:none}.weather-search{display:flex;transition:transform .2s ease}@media screen and (max-width:42.5em){.weather-search{margin:0 auto}}.weather-search:hover{transform:scale(.97)}.weather-search__btn,.weather-search__input{background-color:hsla(0,0%,93%,.89);border:none;font-size:1.6rem;font-weight:600;padding:1rem 2rem}.weather-search__btn:focus,.weather-search__input:focus{outline:none}.weather-search__input{border-radius:3rem 0 0 3rem;min-width:40rem}.weather-search__btn{border-radius:0 3rem 3rem 0;cursor:pointer}.top-media{display:flex;justify-content:center}@media screen and (max-width:42.5em){.top-media{display:none}}.top-media__link{color:#181c1b;display:inline-block;padding:1rem;text-decoration:none;transition:all .2s ease}.top-media__link:hover .top-media__icon{transform:scale(.9)}.top-media__icon{fill:#fff;height:2.5rem;width:2.5rem}.main{background-color:hsla(0,0%,93%,.89);grid-column:5/span 7;grid-row:2/span 1;position:relative}@media screen and (max-width:76.8em){.main{grid-column:2/span 10}}#map{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.error{color:red;font-size:2.4rem;font-weight:600}.hidden{display:none}.text-center{text-align:center}
/*# sourceMappingURL=index.c253db22.css.map */