@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.App{background:#b6d3e1;display:grid}.App,body{min-height:100vh}body{align-items:center;background-color:#f5f5f5;display:flex;font-family:Roboto,sans-serif;justify-content:center;margin:0}.container{padding:40px 20px;text-align:center}.header{margin-bottom:20px}.city-input,.location-button,.search-button{border:none;cursor:pointer;font-size:16px;margin:10px;outline:none;padding:10px;transition:background-color .3s ease}.location-button:hover,.search-button:hover{background-color:#007bff;color:#fff}.location-button:disabled,.search-button:disabled{cursor:not-allowed;opacity:.5}.error-message{color:red}.main-content{align-items:flex-start;display:flex;justify-content:space-around;margin:20px auto;max-width:1200px}.weather-info:hover{background-color:#71bee5;color:#fff}.suggestions,.weather-info{background-color:#f0f0f0;border-radius:10px;flex:1 1;margin:5px;padding:0}.weather-info{cursor:pointer;max-width:25%}.suggestions{animation:fadeIn 1s ease-in-out;max-width:15%}.current-weather{align-items:center;display:flex;justify-content:space-between}.air-conditions,.weather-detail{margin:10px}.forecast{background-color:#e0e0e0;border-radius:10px;margin:20px 0;padding:20px}.forecast-days{display:flex;justify-content:space-around}.forecast-day{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;cursor:pointer;margin:10px;padding:10px}.forecast-day:hover{background-color:#71bee5;color:#fff}.forecast-day h4{margin:10px 0}.forecast-day p{margin:5px 0}.suggestion{animation:fadeIn 1s ease-in-out;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:10px 0;padding:20px}.suggestion h4{font-weight:700;margin-bottom:10px}.suggestion:hover{background-color:#71bee5;color:#fff}.suggestion p{font-weight:400;margin:0}.hourly-forecast{align-items:center;background-color:#e0e0e0;border:3px solid #000;border-radius:5px;display:flex;flex-direction:column;margin:5px auto;max-width:1000px;padding:15px;width:100%}.hourly-forecast h3{margin-top:0;text-align:center}.hourly-forecast-items{display:flex;flex-wrap:wrap;gap:5px}.hourly-forecast-item{border:2px solid #000;border-radius:5px;box-sizing:border-box;flex-basis:calc(1% - 5px);flex-grow:1;flex-shrink:1;margin:5px;padding:5px;text-align:center}.hourly-forecast-item h4{font-size:16px;margin:5px 0}.hourly-forecast-item p{font-size:14px;margin:5px 0}.hourly-forecast-item img{height:40px;margin-top:5px;width:40px}.area-chart-container{align-items:center;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:20px}.area-chart-container h3{margin-top:0;text-align:center}.suggestion-container{align-items:flex-start;display:flex;flex-direction:column;margin-top:20px}.suggestion{border:1px solid #ccc;border-radius:5px;cursor:pointer;margin:5px 0;padding:10px 20px;transition:background-color .3s}.suggestion:hover{background-color:#f0f0f0}.suggestion.active{background-color:#d1e7dd;border-color:#badbcc}.bar-chart-container{display:flex;justify-content:center;margin-top:20px;width:100%}.bar-container{display:flex;flex-direction:row;justify-content:space-between}.charts-container{display:flex;flex-direction:column;flex-grow:1}.bar-chart-container{margin-bottom:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.e98d3b54.css.map*/