@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);.search-form__input{width:8rem}.search-form button{background-color:#00003c;border:none;border-radius:5%;color:#fff;font-family:Raleway,sans-serif;font-size:1.1rem;font-weight:700;margin-left:.25rem;padding:.5rem;width:5rem}.search-form button:hover{background-color:#56ffac;border:1px solid #00003c;color:#00003c;cursor:pointer}.search-form input{font-size:1.1rem;padding:.4rem}.forecast-summary{background-color:#b3e2fe;border-radius:9px;border-style:outset;margin-top:1.5em;max-width:375px;padding:.5rem;text-align:center;width:15%}.forecast-summary__description{margin-bottom:.5em}.forecast-summary button{background-color:#00003c;border:none;border-radius:5%;color:#fff;font-family:Raleway,sans-serif;font-weight:700;padding:.5rem}.forecast-summary button:hover{background-color:#56ffac;border:1px solid #00003c;color:#00003c;cursor:pointer}@media only screen and (max-width:991px){.forecast-summary{margin:1rem auto;padding:1rem 0;width:100%}.forecast-summary button,.forecast-summary__date,.forecast-summary__description,.forecast-summary__temperature{font-size:1.5rem}}.forecast-summaries{display:flex;justify-content:space-between;margin-bottom:2rem}@media only screen and (max-width:767px){.forecast-summaries{flex-direction:column;margin:17rem auto 0;width:80%}}@media only screen and (min-width:768px) and (max-width:991px){.forecast-summaries{flex-direction:column;margin:13rem auto 0;width:80%}}.forecast-details{align-self:center;background-color:#b3e2fe;border-radius:9px;border-style:outset;max-width:340px;min-width:210px;padding:1rem;text-align:center}.forecast-details__date{font-size:1.5rem}.forecast-details__bold{font-weight:700}@media only screen and (max-width:991px){.forecast-details{font-size:1.2rem;margin-bottom:1rem;width:40%}}body{background-color:#92d5fd}.weather-app{display:flex;flex-direction:column;font-family:Raleway,sans-serif;min-width:310px;padding:17% 10%}.weather-app__top{align-items:center;display:flex;justify-content:space-between}@media only screen and (max-width:991px){.weather-app__top{align-items:center;background-color:#92d5fd;border-radius:9px;border-style:outset;flex-direction:column;left:50%;padding:1rem;position:fixed;top:1rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%}}
/*# sourceMappingURL=main.4d10d243.css.map*/