body{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0}.App-header{background-color:#333;color:#fff;padding:20px;text-align:center}main{background-color:#f0f0f0;border-radius:10px}.weather,.weather-forecast{background-color:#fff}.weather-forecast{border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom:3rem;padding:20px}h1{color:#fff;margin:0}.loading,h2{color:#333}.loading{font-size:20px}.weather{background-color:#f0f0f0;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);padding:20px;text-align:center}.weather h2{color:#333;font-size:24px;margin-bottom:20px}.weather form{align-items:center;display:flex;flex-direction:column}.weather input[type=text]{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:10px;padding:10px;width:100%}.weather button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px 20px;transition:background-color .3s ease-in-out}.weather button:hover{background-color:#0056b3}.weather-result{border-radius:10px;font-size:28px;margin:auto;width:50%}.weather h3{color:#000;font-size:28px;margin-top:20px;padding-top:2rem}.weather p{color:#000;font-size:22px;margin-bottom:10px}.weather p:last-child{padding-bottom:2rem}.weather p:first-child,.weather-icon{margin-top:10px}.weather-icon{display:inline;font-size:2rem;padding-left:2rem}.weather .weather-info{background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);padding:20px}.city-grid{grid-template-rows:repeat(2,auto)}.city-card{background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);padding:10px}.weather-forecast{margin-top:3rem}.city-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);margin:20px auto}.city-card{border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;text-align:center}.city-card h3{font-size:1.5rem;margin-bottom:10px}.city-card p{font-size:1rem;margin:5px 0}.city-card .fa-icon{color:#007bff;font-size:2rem;margin-bottom:10px}@media (max-width:768px){.weather{padding:10px}.weather h2{font-size:20px}.weather input[type=text]{font-size:14px}.weather button{font-size:16px}.weather h3{font-size:18px}.weather p{font-size:16px}.weather .weather-info{padding:15px}.city-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.weather-result{width:100%}.city-grid{grid-template-columns:repeat(1,1fr)}.city-card{padding:0}.weather h3{padding-top:0}.weather p:last-child{padding-bottom:1rem}#search-head{padding-top:1rem}}.footer{background-color:#333;color:#fff;padding:10px 0;text-align:center}.footer .container{align-items:center;display:flex;flex-direction:column}.footer p{margin:5px 0}.footer p:last-child{font-size:14px;opacity:.8}
/*# sourceMappingURL=main.b8aadee3.css.map*/