body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center;max-width:400px;width:100%}.App-header{margin-bottom:2rem}.App-header h1{color:#333;margin:0}form{display:flex;justify-content:center;margin-bottom:1.5rem}input[type=text]{padding:.75rem;border:1px solid #ccc;border-radius:5px 0 0 5px;font-size:1rem;flex-grow:1}button[type=submit]{padding:.75rem 1.5rem;border:none;background-color:#007bff;color:#fff;border-radius:0 5px 5px 0;cursor:pointer;font-size:1rem;transition:background-color .3s ease}button[type=submit]:hover{background-color:#ff56b3}.weather-info{margin-top:2rem}.weather-info h2{margin:0 0 .5rem;font-size:2rem}.weather-icon{margin:1rem 0;color:#007bff}.temperature{font-size:3rem;font-weight:700;margin:0}.description{text-transform:capitalize;color:#555;margin-top:.5rem}.error{color:#d9534f;margin-top:1rem}