.app{width:100%;height:100vh;background:url(/assets/cold-34f9a12c.jpg);background-size:cover;background-position:center;transition:.4 ease}.app main{height:100vh;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,.32),rgba(0,0,0,.85));padding:1rem}.app.warm{background:url(/assets/warm-98c19511.jpg);background-size:cover;background-position:center}.search-city{width:100%;column-gap:1.5rem;display:flex;justify-content:center}.search-city input{width:40%;padding:.75rem 1.25rem;font-size:18px;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0 0 16px 16px;background:rgba(255,255,255,.7);color:#000;box-shadow:0 5px #fff6}.search-city input:focus{background:rgba(255,255,255,.8)}.search-city button{width:10%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;font-size:18px;background:rgba(255,255,255,.9);border-radius:4px;cursor:pointer}@media screen and (max-width: 768px){.search-city input{width:70%}.search-city button{width:30%}}.weather-conditions{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:1.5rem;margin:3rem auto;color:#fff;font-family:sans-serif}.weather-conditions .location{font-size:48px;font-weight:700;text-decoration:initial;text-shadow:0px 2px rgba(255,255,255,.5)}.weather-conditions .date{text-align:center;font-size:20px;font-weight:300;font-style:italic;letter-spacing:2px;margin-top:.25rem;text-shadow:0px 2px rgba(255,255,255,.5)}.weather-conditions .temp-box{font-size:32px;font-weight:700;padding:15px 50px;background-color:#ffffff80;text-shadow:3px 4px rgba(24,23,23,.5);box-shadow:3px 3px #0003;border-radius:16px}.weather-conditions .weather{text-align:center;font-size:48px;font-weight:700}.weather-conditions .weather-desc{text-align:center;font-size:16px;font-weight:lighter;margin-top:.25rem}*{padding:0;margin:0;box-sizing:border-box}.container{max-width:1200px}