*{margin:0;padding:0;box-sizing:border-box}body{font-family:montserrat,sans-serif}.container{display:flex;flex-direction:column;align-items:center}#app.default{background:#4CB8C4;background:-webkit-linear-gradient(to right,#3CD3AD,#4CB8C4);background:linear-gradient(to right,#3CD3AD,#4CB8C4);background-position:bottom;transition:.4s}#app.warm{background-image:url(/assets/warm.9a6c57e3.jpg)}#app.rain{background-image:url(/assets/rain.c80f52bf.jpg)}#app.clouds{background-image:url(/assets/clouds.7065a669.jpg)}#app.clear{background-image:url(/assets/clear.edd6bf02.jpg)}#app.snow{background-image:url(/assets/snow.a1671449.jpg)}#app.foggy{background-image:url(/assets/foggy.467bd194.jpg)}.weather-app{display:flex;flex-direction:column;justify-content:space-around;width:40vw;height:85vh;align-items:center;background:rgba(255,255,255,.25);box-shadow:0 0 1rem #00000040;backdrop-filter:blur(.25rem);-webkit-backdrop-filter:blur(.25rem);border-radius:2rem;border:.063rem solid rgba(255,255,255,.18)}.weather-title{color:#fff;font-weight:600;font-size:5rem;text-shadow:.063rem .188rem rgba(0,0,0,.25)}.weather-p{color:#fff;text-shadow:.063rem .188rem rgba(0,0,0,.25)}.weather-a{text-decoration:none;color:#fff}main{min-height:100vh;padding:1.563rem;background-image:linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.3))}.search-box{width:100%;margin-bottom:1.875rem}.search-box .search-bar{display:block;width:100%;padding:.938rem;color:#313131;font-size:1.25rem;appearance:none;border:none;outline:none;background:none;background-color:#ffffff80;border-radius:1rem;transition:.4s;box-shadow:0 0 1rem #00000040}.search-box .search-bar:focus{box-shadow:0 0 1.5rem #00000040;background-color:#ffffffbf}.location-box .location{color:#fff;font-size:2rem;font-weight:500;text-align:center;text-shadow:.063rem .188rem rgba(0,0,0,.25)}.location-box .date{color:#fff;font-size:1rem;font-weight:300;font-style:italic;text-align:center}.weather-wrap{display:flex;flex-direction:column;justify-content:center;padding:2rem;border-radius:1rem;background-color:#ffffff26;box-shadow:0 0 1rem #00000040;width:50vw;height:80vh}.weather-box{display:flex;flex-direction:column;text-align:center}.weather-box .temp{display:inline-block;color:#fff;padding:1rem;font-size:6rem;font-weight:900;text-shadow:.188rem .375rem rgba(0,0,0,.25);background-color:#ffffff40;border-radius:1rem;margin:5rem 10rem;box-shadow:.188rem .375rem #00000040}.weather-box .weather{color:#fff;font-size:3rem;font-weight:700;font-style:italic;text-shadow:.188rem .375rem rgba(0,0,0,.25)}.time-container{display:flex;flex-direction:column;align-items:center;width:80%;border-radius:1rem;background-color:#ffffff40;padding:.5rem;box-shadow:.188rem .375rem #00000040}.time{font-size:6rem;font-weight:800;color:#fff}.date{color:#fff}@media screen and (max-width: 1250px){.weather-app{width:85vw;height:75vh}.weather-title{font-size:2.5rem}.weather-wrap{width:85vw;height:80vh}.weather-box .temp{margin:5rem 0rem}.time{font-size:5rem}}@media screen and (max-width:450px){.weather-title{font-size:2rem}.weather-p{font-size:.7rem}.weather-box .temp{font-size:4.5rem}.time{font-size:1.5em}}