*{margin:0;padding:0;box-sizing:border-box}body{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;background-color:#a52a2aaf;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:relative}.weather-container{padding:20px;border-radius:10px;display:flex;flex-direction:column;gap:5px;width:85%;margin:auto;background-color:#e9e9cf;box-shadow:5px 10px 10px 5px brown}.title{text-transform:uppercase;color:#00f;letter-spacing:3px;text-align:center}.cityInput{padding:15px;border-radius:10px;border:none;outline:none;color:#00f;font-size:16px}button{padding:15px;border-radius:10px;border:none;background-color:#00f;color:#fff;cursor:pointer;font-size:16px;letter-spacing:2px}button:hover{background-color:#0056b3}.weatherBox{display:flex;flex-direction:column;padding:10px;background-color:#fff;border-radius:15px;box-shadow:3px 3px 3px 3px #ddddec}img{filter:drop-shadow(5px 5px 5px rgb(37,37,61))}table{border-collapse:collapse;font-size:14px;text-transform:capitalize;vertical-align:middle}th,td{border:1px solid black;padding:10px;vertical-align:middle}th{text-align:center}tr:last-child{border-bottom:none}.loading{background-color:#030303d3;height:100%;width:100%;color:#fff;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;font-size:20px}