@import url(https://fonts.googleapis.com/css2?family=Merriweather&family=Roboto&display=swap);:root{--main-extraDark:#081720;--main-dark:#266892;--main-main:#4f9fd1;--main-light:#73b3db;--main-extraLight:#a6cfe8;--main-white:#f2f8fc;--error-red:#ff0404;--vh:100vh}html{box-sizing:border-box;padding:0;margin:0}*,:after,:before{box-sizing:inherit}body,div,h1,h2,h3,h4,h5,h6,ol,p,section,ul{margin:0;padding:0}ol,ul{list-style:none}img{height:auto;max-width:100%}html{line-height:1.5;height:100vh;height:10000vh;height:calc(var(--vh)*100);max-width:100vw;text-align:center;scroll-behavior:smooth}body{font-family:"Roboto",sans-serif}.hourly-temp,.nav-link,h1,h2,h3,h4,h5,h6{font-family:"Merriweather",serif!important}#app-wrapper{background-color:#9acfd3;height:10000vh;height:calc(var(--vh)*100)}#forecast-wrapper{background:url(/weather/static/media/forecast-background.69adbb43.jpg) no-repeat 50%;background-size:cover;min-height:100vh;max-width:100vw;display:grid;grid-template-rows:3em 7fr 3fr 1.5em;grid-template-columns:40% 60%;grid-template-areas:"nav nav" "current extended" "hourly hourly" "footer footer"}@media screen and (max-width:850px){#forecast-wrapper{display:grid;grid-template-rows:3em 7fr 3fr 7fr 1.5em;grid-template-columns:1fr;grid-template-areas:"nav" "current" "hourly" "extended" "footer"}}@media screen and (max-width:500px){#forecast-wrapper{background:url(/weather/static/media/forecast-background.69adbb43.jpg) no-repeat 50% fixed;background-size:auto 10000vh;background-size:auto calc(var(--vh)*100);display:grid;grid-template-rows:3rem calc(10000vh - 3rem) 25vh 60vh 1.5em;grid-template-rows:3rem calc(var(--vh)*100 - 3rem) 25vh 60vh 1.5em;grid-template-columns:1fr;grid-template-areas:"nav" "current" "hourly" "extended" "footer"}}#navbar{background-color:#1b444a;box-shadow:0 6px 6px 5px rgba(8,23,32,.05);color:#f2f8fc;color:var(--main-white);min-height:3em;width:100vw;grid-area:nav}#search-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:100%;margin-left:3em}.search-input{color:#f2f8fc;color:var(--main-white);background-color:#1b444a;border:1px solid #4f9fd1;border:1px solid var(--main-main);border-left:none;border-top:none;border-right:none;font-size:.9em;height:2em;padding:0 3em 0 1em;position:relative;outline:none}.search-input:focus{border-bottom:2px solid #4dd1ab}input:focus{-webkit-text-fill-color:#a6cfe8;-webkit-text-fill-color:var(--main-extraLight)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #081720 inset;-webkit-box-shadow:0 0 0 50px var(--main-extraDark) inset;outline:none;-webkit-text-fill-color:#a6cfe8;-webkit-text-fill-color:var(--main-extraLight)}.search-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.726);font-size:1.1em}.search-input::placeholder{color:hsla(0,0%,100%,.726);font-size:1.1em}.search-btn{fill:#a6cfe8;fill:var(--main-extraLight);margin-left:-3em;z-index:100}.gps-btn,.search-btn{border:none;background-color:inherit}.gps-btn{fill:#d1534d;margin-left:1em}.form-checkbox{display:none}.error-msg{color:#ff0404;color:var(--error-red);font-size:1.3em;padding-right:3rem;width:100vw}#landing-wrapper{background:url(/weather/static/media/toy-looking-out-window.a2977186.jpg) no-repeat 50% fixed;background-size:cover}#landing-container{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100vh;height:10000vh;height:calc(var(--vh)*100);width:100vw}#hero-text-container{color:#f2f8fc;color:var(--main-white);display:flex;flex-direction:column;justify-content:center;text-align:left;height:100%;margin-left:3em}.hero-text{text-shadow:3px 3px 6px #081720;text-shadow:3px 3px 6px var(--main-extraDark)}@media screen and (max-width:850px){#hero-text-container{margin-left:0;justify-content:flex-end;text-align:center}}@media screen and (max-width:500px){#landing-wrapper{background:url(/weather/static/media/hero-mobile.ce8548dd.jpg) no-repeat 50% fixed;background-size:cover}#hero-content{position:absolute;bottom:5em;left:0;width:100%}.hero-text{text-shadow:0 0 6px #081720;text-shadow:0 0 6px var(--main-extraDark)}}#current-container{height:90%;width:80%;align-self:center;margin:auto;grid-area:current}#current-card{background-color:rgba(154,207,211,.6509803921568628);border-radius:.5em;border-bottom-left-radius:1em;border-bottom-right-radius:1em;box-shadow:6px 6px 6px 5px rgba(8,23,32,.1);display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:2em 1em 1.5em}#current-card h1{font-size:1.5em}#icon-temp-flexbox{font-size:2em;display:flex;justify-content:space-around;align-items:center}#wind-flexbox{display:flex;justify-content:center;align-items:center}.additional-details-flexbox{font-size:1.2em;display:flex;flex-direction:column;text-align:left}#bottom-current-card{display:flex;justify-content:space-between}@media screen and (max-width:850px){#current-container{width:60%}}@media screen and (max-width:500px){#current-container{padding:1em;height:9000vh;height:calc(var(--vh)*90);width:100vw}#current-card{background-color:initial;height:8000vh;height:calc(var(--vh)*80)}#current-card p{font-size:1.1em}#current-icon-wrapper{height:30vw;width:30vw}#current-icon{height:100%;width:100%}}#extended-container{display:flex;flex-direction:column;justify-content:center;justify-content:space-around;align-content:center;height:60vh;margin:auto;width:80%;grid-area:extended}.extended-card{background-color:rgba(154,207,211,.6509803921568628);border-bottom-left-radius:1em;border-bottom-right-radius:1em;border-top-left-radius:.3em;border-top-right-radius:.3em;box-shadow:6px 6px 6px 5px rgba(8,23,32,.1);margin:auto;overflow:hidden;width:100%}.extended-card h3{background-color:#3f81aa;border-top:3px solid #266892;border-top:3px solid var(--main-dark);border-bottom:1px solid #266892;border-bottom:1px solid var(--main-dark);padding-left:2em;text-align:left}.extended-info{display:flex;align-items:center;justify-content:space-around}.weatherApi-credit a:link{color:#081720;color:var(--main-extraDark)}.weatherApi-credit a:hover{color:rgba(38,105,146,.6784313725490196)}.weatherApi-credit a:visited{color:#266892;color:var(--main-dark)}@media screen and (max-width:600px){#extended-container{width:100%}}#hourly-container{box-shadow:6px 8px 6px 5px rgba(8,23,32,.1);height:100%;width:100%;overflow-x:scroll;grid-area:hourly}#hourlyCard-container{display:flex;height:100%}.hourly-card{background-color:rgba(154,207,211,.6509803921568628);display:flex;flex-direction:column;align-items:center;padding-bottom:.25em;width:60px}.hourly-icon{height:50px;width:50px}.drop-icon svg{height:15px;width:15px;fill:#266892;fill:var(--main-dark)}.hourly-card h4{font-size:.8em;font-family:"Roboto",sans-serif!important;width:70px}@media screen and (max-width:500px){.hourly-card{justify-content:flex-end}}#spinner-wrapper{background-color:#326569;height:100%;height:10000vh;height:calc(var(--vh)*100);position:relative}.spinner-card{display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:#1b444a;border-radius:.5em;border-top-right-radius:100px;border-top-left-radius:100px;border-bottom-left-radius:100px;color:#f2f8fc;color:var(--main-white);height:12em;width:12em;padding:1em;position:absolute;top:50%;left:calc(50% - 6em);-webkit-transform:translateY(-50%);transform:translateY(-50%);grid-area:2/1/3/3}.spinner-card p{font-size:1.8em}.spinner-svg{-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;height:4em;width:4em;fill:#82c0c3}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.footer{height:1.5em;width:100vw;background-color:#1b444a;color:#67a7a9;grid-area:footer}#wind-arrow-current{margin-left:.5em;fill:#1b444a}#wind-arrow-hourly{fill:#1b444a}.N{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.NNE{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(112.5deg);transform:rotate(112.5deg)}.NE{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.ENE{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(157.5deg);transform:rotate(157.5deg)}.E{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ESE{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(202.5deg);transform:rotate(202.5deg)}.SE{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.SSE{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(247.5deg);transform:rotate(247.5deg)}.S{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.SSW{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(292.5deg);transform:rotate(292.5deg)}.SW{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.WSW{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(337.5deg);transform:rotate(337.5deg)}.W{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.WNW{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(22.5deg);transform:rotate(22.5deg)}.NW{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.NNW{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(67.5deg);transform:rotate(67.5deg)}.no-wind{display:none}
/*# sourceMappingURL=main.1577191f.chunk.css.map */