*{padding:0;margin:0;box-sizing:border-box}body{font-family:ubuntu,sans-serif;display:flex;justify-content:center;background:linear-gradient(90deg,#020024,#3faabf 35%,#00d4ff);color:#fff}.searchBox{margin:20px}.searchBox input{padding:10px 20px;width:500px;outline:none;border:none;border-top-left-radius:8px;border-bottom-left-radius:8px;font-size:18px}.searchBox button{font-size:18px;padding:10px;border-top-right-radius:8px;border-bottom-right-radius:8px;border:none;background:linear-gradient(90deg,#020024,#090979 35%,#00d4ff);color:#fff;cursor:pointer;transform:.3s ease}.searchBox button:hover{background:radial-gradient(circle,#020024,#090979 35%,#00d4ff)}.searchBox button:active{opacity:.7}.temperature{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:100px}.details{display:flex;justify-content:space-around;align-items:center;margin-top:30px}.humidity,.wind{margin-bottom:10px;margin-top:10px}