@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Inter,sans-serif;margin:0}.full-screen-container{align-items:center;background:linear-gradient(to bottom right,#60a5fa,#9333ea);display:flex;height:100vh;justify-content:center;padding:1rem}.app-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;justify-content:space-between;max-width:32rem;padding:2rem;width:100%}@media (min-width:640px){.app-card{max-width:28rem}}@media (min-width:768px){.app-card{max-width:32rem}}@media (min-width:1024px){.app-card{max-width:38rem}}@media (min-width:1280px){.app-card{max-width:42rem}}.app-title{color:#1f2937;font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.loading-message{color:#1d4ed8;font-size:1.125rem;margin-bottom:1rem;text-align:center}.error-message{background-color:#fee2e2;border:1px solid #ef4444;border-radius:.75rem;color:#b91c1c;margin-bottom:1rem;padding:.75rem 1rem;position:relative}.error-message strong{font-weight:700}.error-message span{display:block;margin-left:.5rem}@media (min-width:640px){.error-message span{display:inline}}.weather-display{margin-bottom:2rem;text-align:center}.city-country{color:#111827;font-size:1.875rem;font-weight:600;margin-bottom:.5rem}.temp-icon-container{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.weather-icon{font-size:4.375rem;margin-right:.5rem}.temperature{color:#111827;font-size:3.75rem;font-weight:700;margin-left:.5rem}.weather-description{color:#374151;font-size:1.5rem;margin-bottom:.5rem;text-transform:capitalize}.weather-details-grid{grid-gap:1rem;color:#4b5563;display:grid;font-size:1.125rem;gap:1rem;grid-template-columns:1fr}.detail-item{align-items:center;background-color:#f9fafb;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;display:flex;justify-content:space-between;padding:.75rem}.detail-item span:last-child{font-weight:500}.search-form{align-items:center;display:flex;margin-top:auto;position:relative;width:100%}.city-input{border:1px solid #d1d5db;border-radius:9999px;color:#374151;flex-grow:1;outline:none;padding:1.5rem 4rem 1.5rem 1.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.city-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}.go-button{align-items:center;background-color:#2563eb;border:none;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:600;height:3rem;justify-content:center;padding:0;position:absolute;right:.5rem;transition:background-color .3s ease-in-out,transform .3s ease-in-out;width:3rem}.go-button:hover{background-color:#1d4ed8;transform:scale(1.05)}.go-button:focus{box-shadow:0 0 0 2px #3b82f680,0 0 0 4px #3b82f640;outline:none}.developer-details{color:#6b7280;font-size:.875rem;margin-top:1.5rem;text-align:center}
/*# sourceMappingURL=main.8b75d940.css.map*/