body{background:linear-gradient(90deg,#4facfe,#00f2fe);font-family:Arial,Helvetica,sans-serif;height:100vh;margin:0}.app-container,body{align-items:center;display:flex;justify-content:center}.app-container{width:100%}.weather-card{background:#fff;border-radius:15px;box-shadow:0 8px 20px #00000026;padding:30px;text-align:center;width:350px}.title{color:#333;font-size:28px;margin-bottom:20px}.input-group{display:flex;justify-content:center;margin-bottom:20px}.input-group input{border:1px solid #ccc;border-radius:8px 0 0 8px;flex:1 1;outline:none;padding:10px}.input-group button{background:#007bff;border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px;transition:.3s}.input-group button:hover{background:#0056b3}.weather-info{margin-top:20px}.weather-info h2{color:#222;font-size:22px;margin:0}.weather-info p{color:#555;margin:5px 0}.weather-info .temp{color:#ff5722;font-size:36px;font-weight:700}.error{color:red;margin-top:10px}
/*# sourceMappingURL=main.503a3142.css.map*/