*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.app{min-height:100vh;background-size:cover;background-position:50%;transition:.4s}.cold{background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.6)),url(/img/warm.7891478a.jpg)}.hot{background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.6)),url(/img/cold.8338898a.jpg)}main{padding:25px;text-align:center;color:#fff}.search-box{margin-bottom:30px}.search-bar{width:100%;max-width:300px;padding:12px 15px;border-radius:25px;border:none;outline:none;font-size:16px}.location{font-size:24px;font-weight:600}.date{font-size:14px;margin-bottom:20px}.temp{font-size:80px;font-weight:700;margin:20px 0}.weather{font-size:28px;font-style:italic}