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:#222;color:#fff;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}.main,body{align-items:center;display:flex}.main{background:#333;border:1px solid #222;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);flex-direction:column;padding:20px}h1{font-size:36px}form,h1{margin-bottom:20px}form{display:flex}input[type=text]{background-color:#222;border:none;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;outline:none;padding:10px}input[type=text]::-webkit-input-placeholder{color:#aaa}input[type=text]::placeholder{color:#aaa}button{background-color:#555;border:none;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;cursor:pointer;padding:10px 20px}button:hover{background-color:#777}.weather-info{align-items:center;display:flex;flex-direction:column;margin-top:20px}.weather-info h2{font-size:24px;margin-bottom:10px;text-align:center}.weather-info p{margin:5px 0}.weather-icon{height:100px;margin-bottom:10px;width:100px}.weather-description{font-size:18px}.weather-temperature{font-size:48px;font-weight:700;margin:10px 0}.weather-details{display:flex;justify-content:space-between;width:200px}.weather-details p{margin:5px 0}.weather-details .label{color:#888}.weather-details .value{color:#fff;font-weight:700}.error-message{color:#f55;font-size:14px;margin-top:10px}@media screen and (max-width:600px){h1{font-size:28px}.weather-info h2{font-size:20px}.weather-icon{height:80px;width:80px}.weather-description{font-size:16px}.weather-temperature{font-size:36px}.weather-details{width:160px}}a{color:#fff;font-weight:900;text-decoration:none}
/*# sourceMappingURL=main.6ee6fb90.css.map*/