.src[data-v-5ef42845]{box-sizing:border-box;position:relative;width:31%;height:829px;float:left;background:#1e213a;font-family:Raleway;font-style:normal}.getBack[data-v-5ef42845]{width:100%;height:auto;text-align:none;position:relative;text-align:right}.getBack p[data-v-5ef42845]{position:relative;color:#e7e7eb;font-size:20px;margin-right:10px;z-index:10;cursor:pointer;display:inline-block;padding:5px}form[data-v-5ef42845]{width:100%}input[type=text][data-v-5ef42845]{position:relative;width:268px;height:48px;border:1px solid #e7e7eb;box-sizing:border-box;width:70%;background:#1e213a;font-weight:500;font-size:16px;line-height:19px;color:#616475}input[type=submit][data-v-5ef42845]{width:86px;height:48px;width:20%;background:#3c47e9;border:none;font-weight:600}input[type=submit][data-v-5ef42845],li[data-v-5ef42845]{position:relative;font-size:16px;line-height:19px;color:#e7e7eb}li[data-v-5ef42845]{display:flex;justify-content:left;padding-top:20px;padding-left:20px;margin-top:10px;width:90%;height:64px;border:1px solid #616475;box-sizing:border-box;font-weight:500;list-style-type:none;cursor:pointer}li[data-v-5ef42845]:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.searchDiv[data-v-5ef42845]{position:relative;margin-top:32px;width:100%;display:block;float:left}.searchButton[data-v-5ef42845]{width:161px;left:10%;float:left;background:#6e707a}.myLocation[data-v-5ef42845],.searchButton[data-v-5ef42845]{position:relative;height:40px;display:inline-block;box-shadow:0 4px 4px rgba(0,0,0,.25);cursor:pointer}.myLocation[data-v-5ef42845]{color:#f0f8ff;right:10%;float:right;width:40px;background:hsla(0,0%,100%,.2);border-radius:50px;z-index:10}.myLocation p[data-v-5ef42845],.searchButton p[data-v-5ef42845]{position:relative;top:-7px}.texts[data-v-5ef42845]{position:relative;display:block;text-align:center;top:50px;width:100%;float:left}img[data-v-5ef42845]{position:relative;display:block;margin:auto;width:202px;height:234px}.texts h1[data-v-5ef42845]{font-weight:500;font-size:144px;line-height:169px;color:#e7e7eb;margin:0;padding:0}.texts h1 span[data-v-5ef42845]{font-size:40px;color:#6e707a;padding-top:10px}.texts h2[data-v-5ef42845]{font-weight:600;font-size:36px;line-height:42px;text-align:center;color:#a09fb1;margin:0;padding:0;padding-top:10px}.texts h3[data-v-5ef42845]{font-weight:600;font-size:18px;line-height:21px;color:#88869d;margin:0;padding:0;padding-top:40px}.texts h3 span[data-v-5ef42845]{position:relative;top:5px}@media only screen and (max-width:15cm){.src[data-v-5ef42845]{width:100%}}.main[data-v-8efd789e]{position:relative;float:left;width:69%;background:#100e1d;height:auto}.tempChangeFtoC[data-v-8efd789e]{text-align:right;position:relative;top:10px;right:12%;margin-bottom:30px}.tempChg[data-v-8efd789e]{position:relative;display:inline-block;border-radius:10px;width:40px;height:40px;background:#e7e7eb;border-radius:54px;margin:5px}.tempChg p[data-v-8efd789e]{display:inline-block;position:relative;top:-8px;left:-13px;font-family:Raleway;font-style:normal;font-weight:700;font-size:18px;cursor:pointer}.tempChg1[data-v-8efd789e]{background:#e7e7eb;border-radius:50px;color:#110e3c}.tempChg2[data-v-8efd789e]{background:#585676;border-radius:50px;color:#e7e7eb}.days[data-v-8efd789e]{width:100%;position:relative;text-align:center;margin:auto 0;float:left}.day[data-v-8efd789e]{position:relative;display:inline-block;width:120px;height:177px;background:#1e213a;margin:10px}.day h3[data-v-8efd789e]{font-family:Raleway;font-style:normal;font-weight:500;font-size:16px;line-height:19px;text-align:center;color:#e7e7eb}.day img[data-v-8efd789e]{position:relative;width:70%}.min[data-v-8efd789e]{color:#e7e7eb}.max[data-v-8efd789e],.min[data-v-8efd789e]{font-family:Raleway;font-style:normal;font-weight:500;font-size:16px;line-height:19px}.max[data-v-8efd789e]{color:#a09fb1}.todays[data-v-8efd789e]{position:relative;width:100%;left:12%}.todays h1[data-v-8efd789e]{float:left;font-family:Raleway;font-style:normal;font-weight:700;font-size:24px;line-height:28px;color:#e7e7eb}.infos[data-v-8efd789e]{text-align:center;float:left}.info[data-v-8efd789e]{position:relative;display:inline-block;width:328px;height:174px;background:#1e213a;margin:10px;overflow:hidden;padding-top:30px}.info3[data-v-8efd789e],.info4[data-v-8efd789e]{height:160px}.info h1[data-v-8efd789e]{font-weight:500;font-size:16px;line-height:19px}.info h1[data-v-8efd789e],.info h2[data-v-8efd789e]{font-family:Raleway;font-style:normal;text-align:center;color:#e7e7eb;padding:0;margin:0}.info h2[data-v-8efd789e]{font-weight:700;font-size:64px;line-height:75px}.infoName[data-v-8efd789e]{font-family:Raleway;font-style:normal;font-weight:700;font-size:40px;line-height:75px;text-align:center;color:#e7e7eb}.windDirection[data-v-8efd789e]{display:inline-block;width:29.49px;height:29.49px;background:hsla(0,0%,100%,.3);border-radius:50px}.windIcon[data-v-8efd789e]{padding:0;margin:0}.windDirectionName[data-v-8efd789e]{font-family:Raleway;font-style:normal;font-weight:500;font-size:14px;line-height:16px;color:#e7e7eb}.humidity[data-v-8efd789e]{text-align:center}.humidityInfo span[data-v-8efd789e]{font-family:Raleway;font-style:normal;font-weight:700;font-size:12px;line-height:14px;text-align:center;color:#a09fb1}.humidityInfo[data-v-8efd789e]{position:relative;left:10%;width:80%;text-align:center}.humi0[data-v-8efd789e]{float:left}.humi100[data-v-8efd789e],.humiPerCent[data-v-8efd789e]{float:right}.lineDiv[data-v-8efd789e]{position:relative;width:100%;height:8px;border-radius:5px;background:#e7e7eb}.line[data-v-8efd789e]{position:relative;height:8px;width:50%;background:#ffec65;border-radius:80px}@media only screen and (max-width:15cm){.main[data-v-8efd789e]{width:100%}.info[data-v-8efd789e]{margin:0;margin-bottom:20px}}body{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin:0}#app,.isLoading{text-align:center}.isLoading{display:flex;position:relative;justify-content:center;top:300px}.isLoading span{font-size:50px;position:relative;display:block;transition:.8;-webkit-animation-name:example;animation-name:example;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes example{0%{transform:scale(1)}25%{transform:scale(2)}50%{transform:scale(2)}to{transform:scale(1)}}@keyframes example{0%{transform:scale(1)}25%{transform:scale(2)}50%{transform:scale(2)}to{transform:scale(1)}}