*{margin:0;padding:0;box-sizing:border-box}body{font-family:montserrat,sans-serif}.app{background-image:url(/assets/cold.1da4f0ba.jpg);background-size:cover;background-position:bottom;transition:.4s}.app.sunny{background-image:url(/assets/sunny.28e19230.jpg)}main{min-height:100vh;padding:30px;background-image:linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.75))}.search-box{width:100%;margin-bottom:30px}.search-box .search-bar{display:block;width:100%;padding:15px;color:#130e0e;font-size:20px;appearance:none;border:none;outline:none;background:none;box-shadow:0 0 8px #00000040;background-color:#ffffff80;border-radius:0 20px;transition:.4s}.search-box .search-bar:focus{box-shadow:0 0 16px #00000040;background-color:#ffffffbf;border-radius:20px 0}.location-box .location{color:#fff;font-size:32px;font-weight:500;text-align:center;text-shadow:1px 3px rgba(0,0,0,.25);margin-bottom:10px}.location-box .date{color:#fff;font-size:20px;font-weight:300;text-align:center;font-style:italic;margin-bottom:5px}.weather-box{text-align:center}.weather-box .temperature{display:inline-block;padding:10px 25px;color:#fff;font-size:102px;font-weight:300;text-shadow:3px 6px rgba(0,0,0,.25);background-color:#ffffff4d;border-radius:10px 25px;margin:30px 0;box-shadow:0 0 16px #0000004d}.weather-box .weather{font-size:48px;font-weight:500;font-style:italic;color:#fff;text-shadow:3px 6px rgba(0,0,0,.25)}.no-data-box,.error-box{text-align:center}.no-data-box .no-data{font-size:48px;font-weight:500;color:#fff;text-shadow:3px 6px rgba(0,0,0,.25)}.error-box .error{display:inline-block;padding:10px 25px;color:#fff;font-size:50px;font-weight:300;text-shadow:3px 6px rgba(0,0,0,.25);background-color:#ec1616c4;border-radius:10px 25px;margin:30px 0;box-shadow:0 0 16px #0000004d}