*{box-sizing:border-box;margin:0;padding:0}html{background-blend-mode:lighten;font-size:16px;font-family:"Montserrat" sans-serif;letter-spacing:1px;color:#fff;background-color:#0779b6;background-image:url(/img/cloudy.jpg);background-size:cover;font-weight:700}@media only screen and (min-width:768px){html{font-size:22px}}body{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:.5rem;display:flex}main{width:100%;max-width:700px;max-height:105% px;color:#fff;background-color:#0000001a;border:1px solid #d3d3d3;border-radius:10px;flex-direction:column;flex-grow:1;display:flex;box-shadow:1px 1px 2.5px #fff}img{display:block}hr{border:1px solid #d3d3d3;width:90%;margin:auto}.none{display:none}.block{display:block}.offscreen{position:absolute;left:-10000px}.skip-link{z-index:1;color:#fff;background:#000;padding:14px;position:absolute;top:-999px;left:0}.skip-link:focus,.skip-link:active{top:auto;left:auto}.button{color:#fff;background-color:#0000;border:2px solid #d3d3d3;border-radius:80px;outline:none;min-width:48px;min-height:48px;font-size:1.25rem;font-weight:900}@media only screen and (min-width:768px){.button{min-width:64px;min-height:64px;font-size:1.5rem}}.button:hover{cursor:pointer}.button:hover,.button:focus{border-color:#fff;box-shadow:4px 2px 5px #000}.searchBar{padding:.5rem .5rem 1.5rem}.searchBar .searchBar__form{border:2px solid #d3d3d3;border-radius:500px;justify-content:space-between;display:flex}.searchBar .searchBar__form .searchBar__text{color:#fff;background-color:#0000;border:none;outline:none;flex-grow:1;width:calc(100% - 52px);margin-right:.25rem;padding:.75rem 0 .75rem .75rem;font-size:1.25rem}.searchBar .searchBar__form .searchBar__text::placeholder{color:#fff9}.searchBar .searchBar__form .searchBar__button{border:none}.searchBar .searchBar__form .searchBar__button i{font-size:1.7rem}.searchBar .searchBar__form .searchBar__button:hover,.searchBar .searchBar__form .searchBar__button:focus{box-shadow:none;text-shadow:4px 2px 5px #000;border:none}.searchBar .searchBar__form:focus-within,.searchBar .searchBar__form:hover{box-shadow:4px 2px 5px #000}.navButtons{flex-grow:1;justify-content:space-evenly;align-items:center;padding:.5rem .25rem;display:flex}.navButtons button .fa-spin.block{position:relative;left:8px}.currentForecast .currentForecast__location{text-align:center;margin-bottom:1rem;font-size:1.2rem;font-weight:400}@media only screen and (min-width:768px){.currentForecast .currentForecast__location{font-size:1.3rem}}.currentForecast .currentForecast__date{text-align:center;color:#fff9}.currentForecast .currentForecast__conditions{width:100%;margin:auto auto 2rem;font-size:1.1rem;display:grid}@media only screen and (min-width:375px){.currentForecast .currentForecast__conditions{font-size:1.3rem}}@media only screen and (min-width:400px){.currentForecast .currentForecast__conditions{font-size:1.7rem}}.currentForecast .currentForecast__conditions .temp{letter-spacing:0;text-shadow:1px 0 5px #000;grid-area:1/1/span 3/span 2;justify-content:center;align-items:center;font-size:6rem;display:flex;position:relative}@media only screen and (min-width:360px){.currentForecast .currentForecast__conditions .temp{font-size:8rem}}@media only screen and (min-width:768px){.currentForecast .currentForecast__conditions .temp{font-size:9rem}}.currentForecast .currentForecast__conditions .temp .unit{color:#fff9;text-shadow:none;font-size:2.5rem;position:absolute;top:55%;left:85%}@media only screen and (min-width:768px){.currentForecast .currentForecast__conditions .temp .unit{left:75%}}.currentForecast .currentForecast__conditions .icon{grid-area:1/3/span 1/span 2;justify-content:center;align-items:center;display:flex}.currentForecast .currentForecast__conditions .icon i{text-shadow:1px 0 5px #000;font-size:3rem}@media only screen and (min-width:768px){.currentForecast .currentForecast__conditions .icon i{font-size:4rem}}.currentForecast .currentForecast__conditions .maxtemp{grid-area:2/3/span 1/span 2;justify-content:center;align-items:center;display:flex}.currentForecast .currentForecast__conditions .mintemp{color:#fff9;grid-area:3/3/span 1/span 2;justify-content:center;align-self:start;align-items:center;display:flex}.currentForecast .currentForecast__conditions .desc{grid-area:4/1/span 1/span 4;justify-content:center;align-items:center;padding-top:.5rem;display:flex}@media only screen and (max-width:1024px) and (min-height:650px){.currentForecast .currentForecast__conditions .desc{margin-top:1.5rem}}@media only screen and (min-height:1080px){.currentForecast .currentForecast__conditions .desc{margin-top:1.5rem}}.currentForecast .currentForecast__conditions .feels{grid-area:5/1/span 1/span 4;justify-content:center;align-items:center;padding-top:.5rem;font-weight:400;display:flex}.currentForecast .currentForecast__conditions .humidity{color:#fff9;grid-area:6/1/span 1/span 4;padding-top:.5rem;font-weight:400;display:none}@media only screen and (max-width:1024px) and (min-height:700px){.currentForecast .currentForecast__conditions .humidity{justify-content:center;align-items:center;display:flex}}@media only screen and (min-height:1080px){.currentForecast .currentForecast__conditions .humidity{justify-content:center;align-items:center;display:flex}}.currentForecast .currentForecast__conditions .wind{color:#fff9;grid-area:7/1/span 1/span 4;padding-top:.5rem;font-weight:400;display:none}@media only screen and (max-width:1024px) and (min-height:700px){.currentForecast .currentForecast__conditions .wind{justify-content:center;align-items:center;display:flex}}@media only screen and (min-height:1080px){.currentForecast .currentForecast__conditions .wind{justify-content:center;align-items:center;display:flex}}.dailyForecast .dailyForecast__title{text-align:center;margin-top:.5rem;font-size:1.1rem}@media only screen and (min-width:768px){.dailyForecast .dailyForecast__title{font-size:1.4rem}}.dailyForecast .dailyForecast__title__five{text-align:left;margin-top:.5rem;margin-left:1.5rem;font-size:1.1rem}.dailyForecast .dailyForecast__contents{color:#fff;flex-grow:1;justify-content:space-evenly;align-items:center;padding:.5rem 0;display:flex}.dailyForecast .dailyForecast__contents .forecastDay{font-size:1.1 rem;flex-direction:column;justify-content:space-evenly;align-items:center;display:flex}@media only screen and (min-width:375px){.dailyForecast .dailyForecast__contents .forecastDay{font-size:1.2rem}}.rain{background-color:#0779b6;background-image:url(/img/rain.jpg)}.snow{background-color:#0779b680;background-image:url(/img/snow.jpg)}.night{background-color:#191970;background-image:url(/img/night.jpg)}.fog{background-color:#2f4f4f;background-image:url(/img/fog.jpg)}.clouds{background-color:#0779b6;background-image:url(/img/cloudy.jpg)}.clear{background-color:#0779b6;background-image:url(/img/sun.jpg)}.zero-vis{visibility:hidden;opacity:0}.fade-in{visibility:visible;opacity:1;animation-name:fadeInOpacity;animation-duration:1.5s;animation-timing-function:ease-in;animation-iteration-count:1}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}