body{font-family:Nunito,sans-serif;background-color:#f3f4f6;color:#1f2937}.container{max-width:600px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.main-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:1.5rem;color:#374151}form{display:flex;flex-direction:column;gap:1rem}label{font-weight:600;color:#4b5563}input[type=text]{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:1rem}button[type=submit]{background-color:#3b82f6;color:#fff;padding:.5rem 1rem;border:none;border-radius:.25rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}button[type=submit]:hover{background-color:#2563eb}.weather-container{margin-top:2rem;text-align:center;background-color:#f0f9ff;border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #3b82f61a,0 2px 4px -1px #3b82f60f}.weather-main{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center}.temp{font-size:3rem;font-weight:700;color:#3b82f6}.weather-main img{width:100px;height:auto;margin:.5rem 0}.description{font-size:1.25rem;color:#4b5563;margin-top:.5rem}.weather-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;text-align:left}.weather-details p{margin:0;padding:.5rem;background-color:#fff;border-radius:.25rem;box-shadow:0 1px 2px #0000000d}.weather-details p:before{content:"";display:inline-block;width:20px;height:20px;margin-right:.5rem;background-size:contain;background-repeat:no-repeat;vertical-align:middle}.back-button{display:inline-block;margin-top:1.5rem;padding:.5rem 1rem;background-color:#6b7280;color:#fff;text-decoration:none;border-radius:.25rem;font-weight:600;transition:background-color .3s ease}.back-button:hover{background-color:#4b5563}.weekly-forecast-button{display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;text-decoration:none;border-radius:.25rem;font-weight:600;transition:background-color .3s ease}.weekly-forecast-button:hover{background-color:#2563eb}.error{color:#dc2626;font-weight:600;margin-top:1rem}.c-green{color:green;fill:green}.c-red{color:red;fill:red}