.app[data-v-611560f2]{background:url(../green.jpg) 50%;background-size:cover;transition:background-image .5s ease-in-out}.app.cold[data-v-611560f2]{background-image:url(../cold-mountain.jpg)}.app.warm[data-v-611560f2]{background-image:url(../desert.jpg)}main[data-v-611560f2]{background-image:linear-gradient(180deg,#0000004d,#000000bf);height:100vh;padding:25px}.search-box[data-v-611560f2]{display:flex;justify-content:center;margin-bottom:50px;width:100%}.search-box .search-bar[data-v-611560f2]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background-color:#ffffff80;border:none;border-radius:0 0 16px 16px;box-shadow:0 5px #0003;color:#313131;display:block;font-size:20px;margin-top:-25px;outline:none;padding:15px;transition:.4s ease-in-out;width:100%}.search-box .search-bar[data-v-611560f2]:focus{background-color:#ffffffbf}.location-box .location[data-v-611560f2]{color:#fff;font-size:32px;font-weight:500;text-align:center;text-shadow:3px 3px rgba(50,50,70,.5)}.location-box .date[data-v-611560f2]{color:#fff;font-size:20px;font-style:italic;font-weight:300;text-align:center;text-shadow:2px 2px rgba(50,50,70,.5)}.weather-box[data-v-611560f2]{text-align:center}.weather-box .temp[data-v-611560f2]{background-color:#fff3;border-radius:16px;box-shadow:3px 6px #0003;color:#fff;display:inline-block;font-size:80px;font-weight:900;margin:30px auto;padding:15px 25px;position:relative;text-align:center;text-shadow:3px 6px rgba(50,50,70,.5)}.weather-box .temp .feels-like[data-v-611560f2],.weather-box .temp .info[data-v-611560f2]{font-size:25px;font-weight:600;margin-top:15px;text-align:left;text-shadow:1.5px 3px rgba(50,50,70,.5)}.weather-box .weather[data-v-611560f2]{align-items:center;color:#fff;display:flex;font-size:40px;font-weight:700;justify-content:space-between;margin-top:20px;text-shadow:3px 3px rgba(50,50,70,.5)}.weather-box .weather img[data-v-611560f2]{background-color:#ffffff1a;border-radius:10px;height:85px;transition:.4s ease-in-out;width:85px}@media(min-width:950px){.search-box .search-bar[data-v-611560f2]{width:60%}}@media(min-width:1400px){.search-box .search-bar[data-v-611560f2]{width:40%}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:montseratt,sans-serif}