body{display:flex;height:100vh;justify-content:center;margin:0;position:relative}body:before{background-image:url(/static/media/weather-bg.7d07f7f13526ced91f15.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:-1}@media (min-width:480px){.weather-header form{flex-direction:row;gap:20px}input,select{width:40%}button{padding:10px 20px;width:auto}}@media (min-width:768px){input,select{width:30%}}@media (min-width:1024px){.weather-app{padding:20px 40px}input,select{width:25%}.weather-footer ul{margin:0 auto;max-width:600px}}@media (min-width:1440px){.weather-app{padding:30px 60px}}.weather-app{background-color:#f0f8ff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);font-family:Arial,sans-serif;margin:0 auto;padding:20px;width:300px}.weather-app,.weather-header{align-items:center;display:flex;flex-direction:column}.weather-header{justify-content:center;margin-bottom:15px;width:100%}.weather-header form{width:100%}.weather-header input,.weather-header select{border:none;border-radius:6px;margin-bottom:10px;outline:none;padding:10px;transition:background-color .3s ease;width:100%}.weather-header input:focus,.weather-header select:focus{background-color:#e6f2ff}.weather-header button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.weather-header button:hover{background-color:#0056b3}.loader{margin:20px 0}.error-message{color:#f33;margin:20px 0}.weather-main{align-items:center;display:flex;flex-direction:column}.weather-temperature{color:#333;font-size:2rem;margin-bottom:10px}.weather-footer ul{display:flex;gap:10px;list-style:none;padding:0}.weather-footer li{align-items:center;display:flex;gap:6px}.weather-footer img{height:24px;width:24px}.clothing-recommendation{background-color:#e6f2ff;border-radius:6px;margin-top:20px;padding:10px;text-align:center}.outfit-icon{height:60px;margin-top:20px;width:60px}.loading-text{color:#ccc}.weather-img{height:100px;margin:20px 0;width:100px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}.app-content{align-items:center;display:block;float:right}.navbar{background-color:#1351e3;border-radius:10px;border-top:1px solid #ddd;margin-top:auto;padding:10px 0;text-align:center}.navbar a{border-radius:5px;color:#333;margin:0 15px;padding:5px 10px;text-decoration:none;transition:background-color .3s}.navbar a:hover{background-color:#e0e0e0}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.e926ea0a.css.map*/