body{font-family:Arial,sans-serif;background-color:#f0f0f0}h1{font-size:24px}#container{height:100vh;text-align:center}input[type=text]{width:50%;padding:10px;margin:10px,0px;border:1px solid #ccc;border-radius:5px;text-transform:uppercase;border:none;outline:auto}.forcast-info{display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:center;padding:10px,20px}button{background-color:#007bff;color:#fff;border:none;padding:10px 30px;cursor:pointer;border-radius:5px;font-weight:600;letter-spacing:.5px}button:hover{background-color:#014d9f;border:none}.weather-info{margin-top:20px}#cityName{font-size:22px;color:#007bff;margin-bottom:10px}#weather-condition{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px;font-size:18px}#tempratureCard{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10px;gap:10px}#tempratureCard p{font-size:18px;margin:0}#localTime,#timeZone{font-size:14px;color:#666;margin-top:5px}.forcast-info{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.forecast-Item{background-color:#f0f8ff;border-radius:8px;padding:10px;width:120px;text-align:center;box-shadow:0 0 10px #0000001a}.forecast-Item h3{font-size:14px;margin-bottom:5px;color:#333}.forecast-Item p{font-size:14px;margin:5px 0}.forecast-Item img{width:50px;height:50px}