.frame[data-v-199c6472]{width:100%;height:100%;background:#fbfbff;box-shadow:1px 2px 10px 0 rgba(0,0,0,.3);font-family:Nunito Sans,sans-serif}.heading[data-v-199c6472]{height:100px;background:#fff;font-size:35px;text-align:left;box-shadow:0 5px 4px -6px #000;display:flex;align-items:center;justify-content:left}.heading .text[data-v-199c6472]{padding-left:.6em}.content[data-v-199c6472]{display:flex;align-items:center;justify-content:center;flex-direction:column}.content .clear-day[data-v-199c6472]{font-size:140px;margin-top:20px}.content .weather[data-v-199c6472]{font-size:23px;margin-top:10px}.content .temperature[data-v-199c6472]{font-size:80px}.content .apparenttemperature[data-v-199c6472]{font-size:20px;color:grey;margin-top:-12px}.content .clear-day[data-v-199c6472]{color:#f9d71c;text-shadow:2px 2px 5px #f9d71c}.content .snow[data-v-199c6472]{color:#76c9d7;text-shadow:2px 2px 5px #76c9d7}.content .wind[data-v-199c6472]{color:#2a80e3}.content .partly-cloudy-night[data-v-199c6472]{color:#b8c1d2}.content .iconify[data-v-199c6472]{font-size:120px;margin-top:20px;text-shadow:2px 2px 5px #f9d71c}@media only screen and (max-width:1215px){.frame[data-v-199c6472]{width:100%;height:100%;background:#fbfbff;box-shadow:1px 2px 10px 0 rgba(0,0,0,.3);font-family:Nunito Sans,sans-serif}.heading[data-v-199c6472]{height:70px;background:#fff;font-size:25px;text-align:left;box-shadow:0 5px 4px -6px #000;display:flex;align-items:center;justify-content:left}.heading .text[data-v-199c6472]{padding-left:.6em}.content[data-v-199c6472]{display:flex;align-items:center;justify-content:center;flex-direction:column}.content .clear-day[data-v-199c6472]{font-size:140px;margin-top:20px}.content .weather[data-v-199c6472]{font-size:23px;margin-top:-10px}.content .temperature[data-v-199c6472]{margin-top:-15px;font-size:80px}.content .apparenttemperature[data-v-199c6472]{font-size:20px;color:grey;margin-top:-18px}.content .clear-day[data-v-199c6472]{color:#f9d71c;text-shadow:2px 2px 5px #f9d71c}.content .snow[data-v-199c6472]{color:#76c9d7;text-shadow:2px 2px 5px #76c9d7}.content .wind[data-v-199c6472]{color:#2a80e3}.content .partly-cloudy-night[data-v-199c6472]{color:#b8c1d2}.content .iconify[data-v-199c6472]{font-size:120px;margin-top:10px;text-shadow:2px 2px 5px #f9d71c}}.frame[data-v-cb7c8dec]{width:100%;height:100%;background:#fbfbff;box-shadow:1px 2px 10px 0 rgba(0,0,0,.3);font-family:Nunito Sans,sans-serif}.heading[data-v-cb7c8dec]{height:100px;background:#fff;font-size:40px;text-align:left;box-shadow:0 5px 4px -6px #000;display:flex;align-items:center;justify-content:left}.heading .text[data-v-cb7c8dec]{padding-left:.6em}.contenthourly[data-v-cb7c8dec]{display:flex;align-items:center;justify-content:space-around;flex-direction:row}.contenthourly .content-box[data-v-cb7c8dec]{display:flex;align-items:center;justify-content:center;flex-direction:column}.contenthourly .content-box .clear-day[data-v-cb7c8dec]{color:#f9d71c;text-shadow:2px 2px 5px #f9d71c}.contenthourly .content-box .snow[data-v-cb7c8dec]{color:#76c9d7;text-shadow:2px 2px 5px #76c9d7}.contenthourly .content-box .wind[data-v-cb7c8dec]{color:#2a80e3}.contenthourly .content-box .partly-cloudy-night[data-v-cb7c8dec]{color:#b8c1d2}.contenthourly .content-box .material-icons[data-v-cb7c8dec]{font-size:120px;margin-top:20px}.contenthourly .content-box .iconify[data-v-cb7c8dec]{font-size:120px;margin-top:20px;text-shadow:2px 2px 5px #f9d71c}.contenthourly .content-box .time[data-v-cb7c8dec]{margin-top:20px;font-size:20px;text-align:center}.contenthourly .content-box .temperature[data-v-cb7c8dec]{font-size:50px;margin-top:20px;text-align:center}@media only screen and (max-width:1215px){.frame[data-v-cb7c8dec]{width:100%;height:100%;background:#fbfbff;box-shadow:1px 2px 10px 0 rgba(0,0,0,.3);font-family:Nunito Sans,sans-serif;margin:auto}.heading[data-v-cb7c8dec]{height:70px;background:#fff;font-size:25px;text-align:left;box-shadow:0 5px 4px -6px #000;display:flex;align-items:center;justify-content:left}.heading .text[data-v-cb7c8dec]{padding-left:.6em}.contenthourly[data-v-cb7c8dec]{display:flex;align-items:center;justify-content:space-around;flex-direction:column}.contenthourly .content-box[data-v-cb7c8dec]{display:flex;align-items:center;justify-content:center;flex-direction:column}.contenthourly .content-box .clear-day[data-v-cb7c8dec]{color:#f9d71c;text-shadow:2px 2px 5px #f9d71c}.contenthourly .content-box .snow[data-v-cb7c8dec]{color:#76c9d7;text-shadow:2px 2px 5px #76c9d7}.contenthourly .content-box .wind[data-v-cb7c8dec]{color:#2a80e3}.contenthourly .content-box .partly-cloudy-night[data-v-cb7c8dec]{color:#b8c1d2}.contenthourly .content-box .material-icons[data-v-cb7c8dec]{font-size:100px;margin-top:20px}.contenthourly .content-box .iconify[data-v-cb7c8dec]{font-size:100px;margin-top:2px;text-shadow:2px 2px 5px #f9d71c}.contenthourly .content-box .time[data-v-cb7c8dec]{margin-top:20px;font-size:20px;text-align:center;font-weight:600}.contenthourly .content-box .temperature[data-v-cb7c8dec]{font-size:30px;margin-top:2px;margin-bottom:20px;text-align:center}}.temperature[data-v-ea588770]{background:#fbfbff;box-shadow:1px 2px 10px 0 rgba(0,0,0,.3)}.temperature .heading[data-v-ea588770]{width:100%;height:100px;font-size:40px;background:#fff;text-align:left;font-family:Nunito Sans,sans-serif;box-shadow:0 5px 4px -6px #000;display:flex;align-items:center;justify-content:left}.temperature .text[data-v-ea588770]{padding-left:.6em}.temperature .graph[data-v-ea588770]{margin:50px}@media only screen and (max-width:1215px){#line-chart[data-v-ea588770]{width:100px!important}.temperature[data-v-ea588770]{background:#fbfbff;box-shadow:1px 2px 10px 0 rgba(0,0,0,.3)}.temperature .heading[data-v-ea588770]{width:100%;height:70px;font-size:25px;background:#fff;text-align:left;font-family:Nunito Sans,sans-serif;box-shadow:0 5px 4px -6px #000;display:flex;align-items:center;justify-content:left}.temperature .text[data-v-ea588770]{padding-left:.6em}.temperature .graph[data-v-ea588770]{margin:10px}.temperature #line-chart[data-v-ea588770]{width:100px!important}}.frame[data-v-44207e3a]{width:100%;height:100%;background:#fbfbff;box-shadow:1px 2px 10px 0 rgba(0,0,0,.3);font-family:Nunito Sans,sans-serif}.heading[data-v-44207e3a]{height:100px;background:#fff;font-size:40px;text-align:left;box-shadow:0 5px 4px -6px #000;display:flex;align-items:center;justify-content:left}.heading .text[data-v-44207e3a]{padding-left:.6em}.content[data-v-44207e3a]{display:flex;align-items:center;justify-content:center;flex-direction:column}.content .sun-time[data-v-44207e3a]{width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row;margin-top:20px}.content .sun-time .sunrise[data-v-44207e3a]{width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:column;color:grey}.content .sun-time .sunrise .sunrise-icon[data-v-44207e3a]{font-size:40px;margin-top:10px;color:#fece32}.content .sun-time .sunrise .sunrise-time[data-v-44207e3a]{font-weight:600;font-size:25px;color:#000}.content .sun-time .sunset[data-v-44207e3a]{width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:column;color:grey}.content .sun-time .sunset .sunset-icon[data-v-44207e3a]{font-size:40px;margin-top:10px;color:#fece32}.content .sun-time .sunset .sunset-time[data-v-44207e3a]{font-weight:600;font-size:25px;color:#000}.content .stats[data-v-44207e3a]{width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row;margin-top:20px;font-weight:600;font-size:20px}.content .stats .text[data-v-44207e3a]{margin-top:-80px}@media only screen and (max-width:1215px){.frame[data-v-44207e3a]{width:100%;height:100%;background:#fbfbff;box-shadow:1px 2px 10px 0 rgba(0,0,0,.3);font-family:Nunito Sans,sans-serif}.heading[data-v-44207e3a]{height:70px;background:#fff;font-size:25px;text-align:left;box-shadow:0 5px 4px -6px #000;display:flex;align-items:center;justify-content:left}.heading .text[data-v-44207e3a]{padding-left:.6em}.content[data-v-44207e3a]{display:flex;align-items:center;justify-content:center;flex-direction:column}.content .sun-time[data-v-44207e3a]{width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row;margin-top:10px}.content .sun-time .sunrise[data-v-44207e3a]{width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:column;color:grey}.content .sun-time .sunrise .sunrise-icon[data-v-44207e3a]{font-size:40px;margin-top:10px;color:#fece32}.content .sun-time .sunrise .sunrise-time[data-v-44207e3a]{font-weight:600;font-size:20px;color:#000}.content .sun-time .sunset[data-v-44207e3a]{width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:column;color:grey}.content .sun-time .sunset .sunset-icon[data-v-44207e3a]{font-size:40px;margin-top:10px;color:#fece32}.content .sun-time .sunset .sunset-time[data-v-44207e3a]{font-weight:600;font-size:20px;color:#000}.content .stats[data-v-44207e3a]{width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:column;margin-top:20px;font-weight:600;font-size:20px}.content .stats .visibility[data-v-44207e3a]{margin-top:50px}.content .stats .text[data-v-44207e3a]{margin-top:-80px}}.frame[data-v-7578cf12]{width:100%;height:100%;background:#fbfbff;box-shadow:1px 2px 10px 0 rgba(0,0,0,.3);font-family:Nunito Sans,sans-serif}.heading[data-v-7578cf12]{height:100px;background:#fff;font-size:40px;text-align:left;box-shadow:0 5px 4px -6px #000;display:flex;align-items:center;justify-content:left}.heading .text[data-v-7578cf12]{padding-left:.6em}.content[data-v-7578cf12]{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px}.content .iconify[data-v-7578cf12]{font-size:40px;color:#6495ed}.content .title[data-v-7578cf12]{font-weight:600}.content .data[data-v-7578cf12]{color:grey}.content .speed[data-v-7578cf12]{width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row;margin-top:50px}.content .direction[data-v-7578cf12],.content .gust[data-v-7578cf12]{width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row;margin-top:40px}@media only screen and (max-width:1215px){.frame[data-v-7578cf12]{width:100%;height:100%;background:#fbfbff;box-shadow:1px 2px 10px 0 rgba(0,0,0,.3);font-family:Nunito Sans,sans-serif}.heading[data-v-7578cf12]{height:70px;background:#fff;font-size:25px;text-align:left;box-shadow:0 5px 4px -6px #000;display:flex;align-items:center;justify-content:left}.heading .text[data-v-7578cf12]{padding-left:.6em}.content[data-v-7578cf12]{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px}.content .iconify[data-v-7578cf12]{font-size:40px;color:#6495ed}.content .title[data-v-7578cf12]{font-weight:600}.content .data[data-v-7578cf12]{color:grey}.content .speed[data-v-7578cf12]{width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row;margin-top:50px}.content .direction[data-v-7578cf12],.content .gust[data-v-7578cf12]{width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row;margin-top:40px}}.frame[data-v-3c1979b2]{width:100%;height:100%;background:#fbfbff;box-shadow:1px 2px 10px 0 rgba(0,0,0,.3);font-family:Nunito Sans,sans-serif}.heading[data-v-3c1979b2]{height:100px;background:#fff;font-size:40px;text-align:left;box-shadow:0 5px 4px -6px #000;display:flex;align-items:center;justify-content:left}.heading .text[data-v-3c1979b2]{padding-left:.6em}.content[data-v-3c1979b2]{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px}.content .cloud-icon[data-v-3c1979b2]{margin-top:10px;font-size:230px;color:#9bccf1}.content .cloud-data[data-v-3c1979b2]{margin-top:-80px;transform:translateY(-20px);font-size:38px;font-weight:800}@media only screen and (max-width:1215px){.frame[data-v-3c1979b2]{width:100%;height:100%;background:#fbfbff;box-shadow:1px 2px 10px 0 rgba(0,0,0,.3);font-family:Nunito Sans,sans-serif}.heading[data-v-3c1979b2]{height:70px;background:#fff;font-size:25px;text-align:left;box-shadow:0 5px 4px -6px #000;display:flex;align-items:center;justify-content:left}.heading .text[data-v-3c1979b2]{padding-left:.6em}.content[data-v-3c1979b2]{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px}.content .cloud-icon[data-v-3c1979b2]{margin-top:10px;font-size:130px;color:#9bccf1}.content .cloud-data[data-v-3c1979b2]{margin-top:-50px;margin-bottom:30px;font-size:30px;font-weight:800}}.topnav[data-v-8a4c2a56]{background-color:#fff;overflow:hidden;border-bottom:.8px solid #ececf0;width:100%}.grid-container1[data-v-8a4c2a56]{display:grid;grid-template-columns:1fr 1fr 1.2fr .8fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"time time time location";padding:30px;width:100%}.text[data-v-8a4c2a56]{font-family:Nunito Sans,sans-serif;font-size:2.2vw;margin-left:50px;text-align:left}.time[data-v-8a4c2a56]{grid-area:time}.state[data-v-8a4c2a56]{font-size:1vw}.location[data-v-8a4c2a56]{grid-area:location;font-family:Nunito Sans,sans-serif;font-size:2.2vw}@media only screen and (max-width:1215px){[data-v-8a4c2a56]{width:100%}.topnav[data-v-8a4c2a56]{background-color:#fff;overflow:hidden;border-bottom:.8px solid #ececf0;width:max-width}.grid-container1[data-v-8a4c2a56]{display:grid;grid-template-columns:1fr 1fr 1.8fr .2fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"time time time location";padding:10px}.text[data-v-8a4c2a56]{font-family:Nunito Sans,sans-serif;font-size:15px;margin-left:5px}.time[data-v-8a4c2a56]{grid-area:time;display:flex;align-items:center;justify-content:left}.state[data-v-8a4c2a56]{font-size:1vw;display:none}.location[data-v-8a4c2a56]{grid-area:location;font-family:Nunito Sans,sans-serif;font-size:20px}}#loader{border:12px solid #f3f3f3;border-radius:50%;border-top:12px solid #444;width:80px;height:80px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.center{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.searchbar{width:100%;height:100%}body{margin:0}#app,body{background:snow}#app{text-align:center;color:#2c3e50;position:relative}#app,.mssg{font-family:Nunito Sans,sans-serif}.mssg{font-size:30px;display:flex;align-items:center;justify-content:center}.text{grid-area:text}.search-button{grid-area:search-button}.search{display:grid;grid-template-columns:1fr 1fr 1.8fr .2fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"text text text search-button";width:60%;margin-left:20%;font-size:0;background:#fff;border:2px solid #7ad3f7;border-radius:10px;padding:5px;box-sizing:border-box;margin-bottom:50px}.search .searchfield{font-family:Nunito Sans,sans-serif;float:left;border-radius:0;font-size:23px;font-weight:600;padding:0 0 0 15px;color:#4d8dcb;border:0}.search .button,.search .searchfield{width:100%;height:100%;background:#fff;outline-width:0}.search .button{border:none;border-radius:0;color:#5ca4ea;font-size:20px;padding:0;top:3px}.search .button .material-icons{font-size:40px;display:flex;align-items:center;justify-content:center}.grid-container{display:grid;grid-template-columns:1fr .4fr 1.4fr 1.2fr;grid-template-rows:.7fr 1fr .7fr;gap:50px 50px;margin:40px;grid-template-areas:"Current-Conditions Hourly-Forecast Hourly-Forecast Hourly-Forecast" "Temperature Temperature Temperature Temperature" "Today Today Wind Cloud-Cover"}.Current-Conditions{grid-area:Current-Conditions;transition:all .5s ease-in-out}.Hourly-Forecast{grid-area:Hourly-Forecast}.Hourly-Forecast,.Temperature{transition:all .5s ease-in-out}.Temperature{grid-area:Temperature}.Today{grid-area:Today}.Today,.Wind{transition:all .5s ease-in-out}.Wind{grid-area:Wind}.Cloud-Cover{transition:all .5s ease-in-out;grid-area:Cloud-Cover}.Cloud-Cover:hover,.Current-Conditions:hover,.Hourly-Forecast:hover,.Temperature:hover,.Today:hover,.Wind:hover{transform:scale(1.015)}@media only screen and (max-width:1215px){.search{display:grid;grid-template-columns:1fr 1fr 1.8fr .2fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"text text text search-button";width:90%;margin-left:5%;font-size:0;background:#fff;border:2px solid #7ad3f7;border-radius:10px;padding:1px;box-sizing:border-box;margin-bottom:15px}.search .searchfield{font-family:Nunito Sans,sans-serif;float:left;border-radius:0;font-size:13px;font-weight:600;padding:0 0 0 15px;color:#4d8dcb;border:0}.search .button,.search .searchfield{width:100%;height:100%;background:#fff;outline-width:0}.search .button{border:none;border-radius:0;color:#5ca4ea;font-size:20px;padding:0;top:3px}.search .button .material-icons{font-size:30px;display:flex;align-items:center;justify-content:center}#app{font-family:Nunito Sans,sans-serif;text-align:center;color:#2c3e50;position:relative;width:100%;background:snow}.grid-container{display:grid;grid-template-columns:1fr;grid-template-rows:.31fr 1.3fr .2fr .5fr .32fr .2fr;gap:40px 10px;margin:15px 15px 40px 15px;grid-template-areas:"Current-Conditions" "Hourly-Forecast" "Temperature" "Today" "Wind" "Cloud-Cover"}.Current-Conditions{grid-area:Current-Conditions;margin-right:15px;margin-left:15px}.Hourly-Forecast{grid-area:Hourly-Forecast;width:70%;display:flex;justify-content:center;align-items:center;margin-left:15%}.Temperature{grid-area:Temperature;margin-right:4px;margin-left:4px}.Today{grid-area:Today;width:80%;display:flex;justify-content:center;align-items:center;margin-left:10%}.Wind{grid-area:Wind}.Cloud-Cover,.Wind{width:70%;display:flex;justify-content:center;align-items:center;margin-left:15%}.Cloud-Cover{grid-area:Cloud-Cover}}