.App{align-items:center;background-color:#f1f1f1;color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}h3{color:#444;font-size:32px;margin-bottom:20px}.weather-app{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:30px;text-align:center;width:100%}.location{font-size:24px;font-weight:700;margin:10px 0}.date{color:#777;font-size:18px}.date,.icon img{margin-bottom:20px}.temperature{color:#ff9800;font-size:50px;font-weight:700;margin:10px 0}.description{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.details{display:flex;flex-direction:column;gap:15px}.form-control{border:1px solid #ddd;border-radius:5px;font-size:16px;margin:10px 0;padding:10px;transition:border-color .3s ease;width:100%}.form-control:focus{border-color:#ff9800;outline:none}.button{background-color:#ff9800;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:12px;transition:background-color .3s ease;width:100%}.button:hover{background-color:#ff5722}.button:active{background-color:#e64a19}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.878c430a.css.map*/