@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);.weather-info{align-items:center;background-color:#bfc8ad;border:1rem solid #718f94;border-radius:1rem;box-shadow:5px 5px 5px #351551;color:#718f94;display:flex;flex-direction:column;height:50vh;justify-content:space-evenly;margin-top:5vh;max-height:300px;max-width:300px;padding:1rem;width:50vh}@media(min-width:600px)and (orientation:landscape){.weather-info{height:50vw;width:50vw}}.weather-info .title{font-size:1.5rem;font-weight:600}.weather-info .temperature{font-size:2rem;font-weight:800}.weather-info .description{font-size:1.5rem;font-weight:600}.weather-info img{height:15vh}.loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading h3{color:#718f94;font-size:3rem;width:10rem}.loading h3:after{-webkit-animation:ellipsis 1s infinite;animation:ellipsis 1s infinite;content:""}@-webkit-keyframes ellipsis{25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes ellipsis{25%{content:"."}50%{content:".."}75%{content:"..."}}.home{align-items:center;display:flex;flex-direction:column;justify-content:center}@media(min-width:600px)and (max-width:1000px)and (orientation:landscape){.home{height:70vw}}.hourly{align-items:center;display:flex;flex-direction:column;height:1335vh;justify-content:space-evenly}@media(min-width:600px)and (orientation:landscape){.hourly{height:1335vw}}@media(min-width:600px){.hourly{flex-direction:row;flex-wrap:wrap;height:675vh}}@media(min-width:900px){.hourly{flex-direction:row;flex-wrap:wrap;height:455vh}}@media(min-width:1200px){.hourly{flex-direction:row;flex-wrap:wrap;height:345vh}}@media(min-width:1500px){.hourly{flex-direction:row;flex-wrap:wrap;height:279vh}}@media(min-width:1800px){.hourly{flex-direction:row;flex-wrap:wrap;height:235vh}}.hour-cast{align-items:center;background-color:#bfc8ad;border:1rem solid #718f94;border-radius:1rem;box-shadow:5px 5px 5px #351551;color:#718f94;display:flex;flex-direction:column;height:50vh;justify-content:space-evenly;margin-top:5vh;max-height:300px;max-width:300px;padding:1rem;width:50vh}@media(min-width:600px)and (orientation:landscape){.hour-cast{height:50vw;width:50vw}}.hour-cast .date{font-size:1.5rem;font-weight:600}.hour-cast .temperature{font-size:2rem;font-weight:800}.hour-cast .condition{font-size:1rem;font-weight:600}.hour-cast img{height:15vh}.location-fore{background-color:#718f94;border:1rem solid #bfc8ad;border-radius:1rem;color:#bfc8ad;height:40vh;justify-content:center;width:40vw}.location-fore,.location-fore form{align-items:center;display:flex;flex-direction:column}.location-fore form{height:70%;justify-content:space-evenly;width:90%}.location-fore form label{color:#90b494;font-size:1rem;font-weight:800}header{align-items:center;background-color:#718f94;color:#bfc8ad;display:grid;font-size:2rem;font-weight:700;grid-template-areas:"title location location" "nav nav nav " "button ... ...";justify-items:center;line-height:2rem;max-height:25vh;min-height:25vh;position:relative;width:100vw}@media(max-width:650px){header{font-size:1.2rem;grid-template-areas:"title title" "location location" " nav nav " "button button"}header .logo{height:1.2rem!important}}@media(min-width:650px){header .active{text-underline-offset:8px!important}}@media(min-width:600px)and (orientation:landscape){header{grid-template-areas:"title location location button" "nav nav nav ... "}header button{height:3rem}}header .title{align-items:flex-end;display:flex;grid-area:title}header .title h1{font-size:2rem;margin-left:.5rem}header .title .logo{height:2rem}@media(min-width:800px){header .title h1{font-size:3rem}header .title .logo{height:3rem}}header nav{display:flex;grid-area:nav;justify-content:space-evenly;width:100%}header nav a{color:inherit;text-decoration:none}header nav .active{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:3px}header .location{grid-area:location}header .zip-nav{grid-area:button}.forecast{align-items:center;background-color:#bfc8ad;border:1rem solid #718f94;border-radius:1rem;box-shadow:5px 5px 5px #351551;color:#718f94;display:flex;flex-direction:column;height:50vh;justify-content:space-evenly;margin-top:5vh;max-height:300px;max-width:300px;padding:1rem;width:50vh}@media(min-width:600px)and (orientation:landscape){.forecast{height:50vw;width:50vw}}.forecast .title{font-size:1.5rem;font-weight:600}.forecast .temps{display:flex;justify-content:space-between;margin:auto;width:50%}.forecast .precip-wind{display:grid;grid-template-columns:3fr 1fr;justify-items:start;margin:auto;width:80%}.forecast img{height:10rem}.three-day{align-items:center;display:flex;flex-direction:column;height:180vh;justify-content:space-evenly}@media(min-width:600px)and (orientation:landscape){.three-day{height:180vw}}@media(min-width:1000px){.three-day{flex-direction:row;height:75vh}}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:Ubuntu,sans-serif;left:0;margin:0;position:relative;top:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page{background-color:#90b494;max-width:100vw;min-height:75vh;padding:10vh 0 5vh;position:relative;width:100vw}.page .page-title{color:#351551;position:absolute;top:1rem}.modal-back{align-items:center;background-color:rgba(84,87,117,.4);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100vh;min-width:100vh;position:absolute;right:0;top:0}.btn,button{font-family:inherit;font-size:1rem;font-weight:600}button,input{background-color:#90b494;border:.25rem solid #bfc8ad;border-radius:.25rem;box-shadow:2px 2px 2px #351551;color:#351551;height:2rem;margin:.5rem auto;max-width:10rem;width:75%}
/*# sourceMappingURL=main.b7f8b415.css.map*/