*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#4facfe,#00f2fe);display:flex;justify-content:center;align-items:center}#root{width:100%}.InfoBox{margin-top:20px}.Card-Container{display:flex;justify-content:center}.Card-Container .MuiCard-root{width:100%;border-radius:20px!important;overflow:hidden;transition:.3s}.Card-Container .MuiCard-root:hover{transform:translateY(-5px)}.temperature{font-size:3rem;font-weight:700;color:#1976d2;margin:10px 0}.weather-details{text-align:left;margin-top:10px}.weather-details p{margin:8px 0;font-size:15px;display:flex;align-items:center;gap:6px}.SearchBox{text-align:center}.SearchBox h2{color:#fff;margin-bottom:20px;font-size:2rem}.weather-container{width:90%;max-width:500px;padding:30px;border-radius:20px;color:#fff;transition:.5s}.hot{background:linear-gradient(135deg,#f96,#ff5e62)}.cold{background:linear-gradient(135deg,#83a4d4,#b6fbff)}.rainy{background:linear-gradient(135deg,#4b79a1,#283e51)}#root{display:flex;justify-content:center;align-items:center;min-height:100vh}