@import url(https://fonts.googleapis.com/css2?family=Arima:wght@100..700&family=Caveat+Brush&family=Faculty+Glyphic&family=Itim&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&family=Spicy+Rice&display=swap);@import url(https://fonts.googleapis.com/css2?family=Arima:wght@100..700&family=Caveat+Brush&family=Concert+One&family=Faculty+Glyphic&family=Itim&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&family=Spicy+Rice&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.weather-dashboard{background:url(https://i.pinimg.com/736x/f7/a8/ef/f7a8efd72a3b1eb5eea403ea05537f3e.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 4px 8px #0009;font-family:Concert One,sans-serif;margin:30px auto;max-height:900px;padding:40px 5%;width:90%}.weather-dashboard h2{margin-bottom:20px}.weather-dashboard .search{align-items:center;display:flex;gap:10px;justify-content:center}.weather-dashboard .search input{border:2px solid #0073e6a8}.search input::placeholder{color:#0073e6}.weather-dashboard h2,.weather-dashboard h3{text-align:center}.weather-dashboard .oneline{align-items:center;display:flex;justify-content:space-between}.weather-info{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:20px;padding:10px;text-align:center}.weather-info h2{color:#000;font-size:24px;margin:0;padding:0}.forecast,.forecast h3{margin:20px auto}.forecast .forecast-cards{gap:20px 20px;overflow-x:auto}.forecast .forecast-cards,.forecast .forecast-cards .forecast-card{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.forecast .forecast-cards .forecast-card{background:#f0f8ff;border:2px solid #0073e671;border-radius:10px;box-shadow:4px 5px 10px #00000080;flex-direction:column;padding:20px;text-align:center;width:35%}.forecast .forecast-cards .forecast-card:hover{background:#0073e6;color:#fff;opacity:1;padding:22px;width:37%}.favorites{margin-top:20px;text-align:center}.favorites button{background:#0073e6;border:none;border-radius:3px;color:#fff;cursor:pointer;margin:5px;padding:5px 10px}input[type=text]{border:1px solid #ddd;border-radius:5px;margin-top:10px;padding:10px;width:calc(100% - 24px)}button{background:#0073e6;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}button:hover{background:#005bb5;border-radius:30px}@media (max-width:1024px){.weather-dashboard{max-height:1400px;padding:30px 4%!important;width:95%}.weather-dashboard h2{font-size:22px}.weather-dashboard .oneline{flex-direction:column;gap:15px}.forecast .forecast-cards{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.forecast .forecast-cards .forecast-card{min-width:150px;width:45%}}@media (max-width:768px){.weather-dashboard{margin:0;max-height:none;padding:20px 25px;width:100%}.weather-dashboard h2{font-size:20px}.weather-dashboard .search{flex-direction:column;gap:8px}.weather-dashboard .search input{padding:8px;width:100%}.weather-info h2{font-size:20px}.forecast .forecast-cards{flex-direction:column;flex-wrap:nowrap;gap:15px;justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.forecast .forecast-cards .forecast-card{min-width:180px;width:90%}.forecast .forecast-cards .forecast-card:hover{width:85%}.favorites button{padding:8px;width:100%}button,input[type=text]{width:100%}}
/*# sourceMappingURL=main.be952001.css.map*/