:root{--brand-color: #0ea5e9;--dark-color: #0f172a;--mid-color: #cbd5e1;--light-color: #ffffff}*{margin:0;padding:0;box-sizing:border-box}.heading{background-color:#0f172a;color:#ff0;font-size:2rem;font-family:cursive;padding:1.5rem;text-align:center}p{padding-top:1rem;font-size:1.5rem;font-weight:700;color:#0f172a;text-align:center}form{padding:20px;text-align:center}input{padding:1rem;border-radius:50px;font-size:1.5rem;border:1px solid black;margin:1rem;background-color:#f5f4f4}button{padding:.5rem 1.5rem;margin:.5rem;border-radius:10px;border:none;font-size:1.5rem;background-color:#0f172a;color:var(--light-color)}button:hover{cursor:pointer;background-color:#0ea5e9;color:var(--dark-color)}.showWeather{width:60%;margin:0 auto;background:#1c92d2;background:-webkit-linear-gradient(to right,#f2fcfe,#1c92d2);background:linear-gradient(to right,#f2fcfe,#1c92d2);border-radius:25px;text-align:center}.weather_main{box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;border-radius:10px}.weather_heading{font-size:3rem;margin:1rem;color:#0f172a}.temp{font-size:2rem;font-weight:bolder}.weatherData{display:flex;align-items:center;color:#0f172a;justify-content:space-evenly;flex-wrap:wrap;gap:2rem;margin:1.5rem;font-size:2rem;font-weight:700;padding:1rem}.weather_heading span{font-size:1.3rem}.error{font-size:2rem;border:1px solid red;width:50%;margin:1rem auto;border-radius:15px}