body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#9face6}.container{background:linear-gradient(135deg);height:100vh;justify-content:center}.container,.search{align-items:center;display:flex}.search{background:#fff;border-radius:30px;box-shadow:0 4px 15px #0000001a;max-width:350px;padding:5px;width:100%}.search input{border:none;border-radius:30px;color:#333;flex:1 1;font-size:16px;outline:none;padding:12px}.search input::placeholder{color:#888}.search button{background:linear-gradient(135deg,#00c6ff,#0072ff);border:none;border-radius:50%;color:#fff;cursor:pointer;padding:10px 14px;transition:.3s}.search button:hover{transform:scale(1.1)}.city{color:#222;font-size:32px;font-weight:600;margin-top:20px}.temp{color:#222;font-size:60px;font-weight:700;margin:10px 0}.desc{color:#555;font-size:20px}.range{color:#777;margin-bottom:20px}.card{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:15px;width:100%}.card div{background:#fff;border-radius:15px;font-size:14px;padding:15px;text-align:center;transition:.3s}.card div:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.weather-box{align-items:center;background:linear-gradient(135deg,#dbeafe,#f0f9ff);border-radius:20px;box-shadow:0 8px 25px #00000026;display:flex;flex-direction:column;padding:20px;width:320px}.card,.city,.desc,.range,.temp{text-align:center;width:100%}body{align-items:center;background:linear-gradient(0deg,#4facfe);display:flex;font-family:Segoe UI,sans-serif;height:100vh;justify-content:center;margin:0}.app{color:#fff;text-align:center}h1{margin-bottom:20px}.weather-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:20px;box-shadow:0 8px 32px #0003;padding:30px;width:300px}.search-box{display:flex;justify-content:center;margin-bottom:20px}.search-box input{border:none;border-radius:10px 0 0 10px;padding:10px;width:70%}.search-box button{background:#333;border:none;border-radius:0 10px 10px 0;color:#fff;cursor:pointer;padding:10px}.weather-info h1{font-size:48px;margin:10px 0}.details{display:flex;justify-content:space-around;margin-top:15px}
/*# sourceMappingURL=main.6aee1957.css.map*/