body{background-color:#e0d7c4;font-family:Poppins,sans-serif}a{color:#daa520}.weather-app{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border-radius:16px;box-shadow:0 30px 50px #41326414;margin:30px auto;max-height:80%;max-width:1400px;padding:30px}header{padding:0 0 30px}main{padding:30px 0}.search-form{align-items:center;height:20%;margin-bottom:5%;margin-top:5%}.search-form-input{padding:22px 30px;width:75%}.search-form-input:focus{background-color:#fff;border-color:#e0d7c4;box-shadow:0 0 12px rgba (218,165,32,.5)}.search-form-button{background-color:#e0d7c4;border:none;border-radius:6px;color:#333131;font-size:16px;margin-left:5px;padding:10px 15px}.weather-app-data{display:flex;justify-content:space-between}.weather-app-city{font-size:40px;line-height:50px;margin:0}.weather-app-details{color:#27214266;font-size:16px;font-weight:500;line-height:20px}.weather-app-details strong{color:#daa520}.weather-app-temperature-container{display:flex;font-size:14px;margin-right:20px}.weather-app-icon{font-size:90px;margin-left:auto;margin-top:10%;transition:transform .5s ease}.weather-app-temperature{font-size:75px;font-weight:700;margin-left:10px}.weather-app-unit{font-size:28px;margin-top:16px}.weather-forecast{text-align:center}.weather-forecast-day{display:flex;justify-content:space-between;margin-bottom:10px;text-align:center}.weather-forecast-date{font-size:16px;opacity:.6}.weather-forecast-temperature{font-size:13px}.weather-forecast-temperature-min{opacity:.5}.weather-forecast-icon{width:100%}.weather-layout{align-items:flex-start;display:flex;gap:40px;justify-content:space-between;margin-top:30px}.weather-left{flex:1 1}.weather-right{background:#f9f9f9;border-radius:12px;box-shadow:0 4px 8px #0000001a;flex:1 1;padding:20px}.weather-right ul{margin:0;padding:0}.weather-right li{font-size:18px;margin-bottom:12px}.weather-forecast{margin-top:20px}.forecast-cards{grid-gap:15px;display:flex;display:grid;gap:20px;gap:15px;grid-template-columns:repeat(5,1fr);justify-content:center;max-width:1200px;overflow-x:hidden;width:100%}.forecast-card{background:#e0d7c4;border-radius:12px;box-shadow:0 4px 8px #0003;flex:0 0 auto;min-width:120px;padding:15px;text-align:center;transition:tranform .2s ease}.forecast-card:hover{transform:translateY(-8px)}@media (max-width:1024px){.forecast-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.forecast-cards{-webkit-overflow-scrolling:touch;display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:thin}.forecast-card{flex-basis:calc(33.33% - 15px);flex-grow:0;flex-shrink:0;min-width:200px;scroll-snap-align:start}}.forecast-card,.weather-forecast,.weather-results{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border-radius:15px;box-shadow:0 8px 32px #0003;margin:10px auto;max-width:1000px;padding:10px}footer{border-top:1px solid #cfcdff;color:#0009;font-size:15px;padding:10px 0 0;text-align:center}@media (max-width:768px){.weather-layout{flex-direction:column;gap:20px}.weather-left,.weather-right{flex:1 1 100%}.weather-right{padding:15px}.search-form-input{width:100%}}.search-bar{margin-bottom:30px;width:100%}.search-form{display:flex;justify-content:center;width:100%}.search-form-input{background-color:#f0efef;border:2px solid #e0e0e0;border-radius:50px;flex:1 1;font-size:22px;max-width:500px;outline:none;padding:15px 20px;transition:all .3s ease}.weather-results{text-align:center}.weather-icon img{margin-bottom:15px;width:100px}.weather-city{font-size:40px;margin:10px 0 20px}.weather-details{font-size:18px;line-height:1.6;list-style:none;padding:0}.weather-app .current-weather{margin-bottom:30px}
/*# sourceMappingURL=main.07a29ae5.css.map*/