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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.weather-container{animation:fadeIn .5s ease-in;background:linear-gradient(180deg,#fffffff2,#f5faff);border-radius:32px;box-shadow:0 30px 80px #0823502e;max-width:940px;overflow:hidden;padding:40px;position:relative;width:100%}.weather-container:before{background:#ffffffa6;border-radius:50%;filter:blur(30px);height:240px;right:-50px;top:-40px;width:240px}.weather-container:after,.weather-container:before{content:"";pointer-events:none;position:absolute;z-index:0}.weather-container:after{background:#667eea1f;border-radius:48%;bottom:-60px;filter:blur(24px);height:220px;left:-40px;width:220px}.weather-effect{inset:0;overflow:hidden;z-index:0}.cloud,.weather-effect{pointer-events:none;position:absolute}.cloud{background:#ffffffd9;border-radius:50%;filter:blur(10px);opacity:0}.cloud-1{height:70px;left:-15%;top:10%;width:180px}.cloud-2{height:90px;right:-20%;top:28%;width:220px}.weather-container.clear .cloud,.weather-container.cloudy .cloud,.weather-container.misty .cloud{opacity:.4}.weather-container.clear .cloud-1,.weather-container.clear .cloud-2{animation:floatClouds 45s linear infinite}.weather-container.cloudy .cloud-1,.weather-container.cloudy .cloud-2{animation:floatClouds 28s linear infinite reverse}.weather-container.misty .cloud-1,.weather-container.misty .cloud-2{animation:floatClouds 36s linear infinite;opacity:.55}.rain{inset:0;opacity:0;position:absolute}.weather-container.rainy .rain,.weather-container.stormy .rain{opacity:1}.rain:before{animation:rainFall .8s linear infinite;background-image:linear-gradient(135deg,#ffffff26,#ffffff26 1px,#0000 0,#0000 12px);background-size:8px 24px;content:"";inset:0;opacity:.2;position:absolute}@keyframes floatClouds{0%{transform:translateX(0)}to{transform:translateX(220px)}}@keyframes rainFall{0%{background-position:0 -10px}to{background-position:0 24px}}.weather-container.clear{background:linear-gradient(180deg,#a6d8ff,#f5fbff)}.weather-container.cloudy{background:linear-gradient(180deg,#cad5e8,#eef3f8)}.weather-container.drizzle,.weather-container.rainy,.weather-container.stormy{background:linear-gradient(180deg,#4a6e92,#c3d5eb)}.weather-container.snowy{background:linear-gradient(180deg,#eef6ff,#fff)}.weather-container.misty{background:linear-gradient(180deg,#dfe7f3,#f7f9fb)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-section{margin-bottom:30px;text-align:center}.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.5rem;font-weight:700;margin:0 0 20px}.search-form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.search-input{border:2px solid #e0e0e0;border-radius:10px;flex:1 1;font-family:inherit;font-size:1rem;min-width:250px;outline:none;padding:12px 18px;transition:all .3s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#999}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .3s ease}.search-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.search-button:active{transform:translateY(0)}.error-message{background-color:#ffebee;border-left:4px solid #c62828;color:#c62828}.error-message,.loading-message{animation:slideIn .3s ease;border-radius:10px;font-weight:500;margin-bottom:20px;padding:15px 20px}.loading-message{background-color:#e3f2fd;border-left:4px solid #1565c0;color:#1565c0}.placeholder-message{color:#999;font-size:1.1rem;font-style:italic;padding:40px 20px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.weather-display{animation:slideIn .5s ease}.weather-header{grid-gap:18px;border-bottom:1px solid #102a4314;display:grid;gap:18px;margin-bottom:30px;padding-bottom:24px;text-align:center}.city-name{color:#102a43;font-size:2rem;font-weight:700;margin:0}.weather-top{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.weather-icon{filter:drop-shadow(0 16px 25px rgba(16,42,67,.16));height:110px;width:110px}.weather-summary{max-width:400px;text-align:left}.weather-main-text{color:#102a43;font-size:1.6rem;font-weight:700;margin:0}.weather-subtext{color:#4a6278;font-size:1rem;margin:10px 0 0;text-transform:capitalize}.weather-extra{color:#334e68;font-size:.95rem;letter-spacing:.2px;margin-top:12px}.weather-grid{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.weather-main{align-items:center;background:#fffffff0;border:1px solid #667eea1f;border-radius:24px;box-shadow:0 22px 50px #667eea1f;color:#102a43;display:flex;flex-direction:column;justify-content:center;min-height:240px;padding:32px 24px}.temperature{margin-bottom:18px}.temp-value{font-size:5rem;font-weight:800}.temp-unit{font-size:1.7rem;margin-left:8px;margin-top:12px}.description-text{color:#102a43;font-size:1.75rem;font-weight:700;margin:10px 0 6px}.description-detail{color:#4a6278;font-size:1.05rem;opacity:.88}.temperature{align-items:flex-start;display:flex;margin-bottom:15px}.temp-value{font-size:4rem;font-weight:700;line-height:1}.temp-unit{font-size:1.5rem;margin-left:5px;margin-top:10px}.weather-description{text-align:center}.description-text{font-size:1.5rem;font-weight:600;margin:10px 0 5px;text-transform:capitalize}.description-detail{font-size:1rem;margin:0;opacity:.9;text-transform:capitalize}.weather-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.weather-detail-card{background:#fffffff2;border-left:4px solid #667eea;border-radius:16px;box-shadow:0 14px 30px #667eea14;display:flex;flex-direction:column;padding:18px 22px;transition:all .3s ease}.weather-detail-card:hover{background:#fff;box-shadow:0 16px 34px #667eea24;transform:translateY(-3px)}.detail-label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.detail-value{color:#333;font-size:1.3rem;font-weight:700}.additional-info{background-color:#f0f0f0;border-radius:10px;margin-top:20px;padding:20px}.info-item{color:#555;font-size:1rem;margin:8px 0}.info-item strong{color:#333;font-weight:600}@media (max-width:768px){.weather-container{border-radius:15px;padding:25px}.title{font-size:2rem}.search-form{flex-direction:column}.search-input{min-width:100%}.search-button{width:100%}.weather-grid{gap:20px;grid-template-columns:1fr}.weather-main{min-height:180px}.temp-value{font-size:3.5rem}.weather-details{gap:12px;grid-template-columns:repeat(2,1fr)}.weather-detail-card{padding:12px 15px}.detail-value{font-size:1.1rem}.city-name{font-size:1.5rem}}@media (max-width:480px){.weather-container{border-radius:12px;margin:0;padding:15px}.title{font-size:1.5rem;margin-bottom:15px}.search-input{font-size:.95rem;min-width:100%;padding:10px 15px}.search-button{font-size:.95rem;padding:10px 20px}.weather-main{border-radius:12px;min-height:160px;padding:15px}.temp-value{font-size:3rem}.temp-unit{margin-top:5px}.description-text,.temp-unit{font-size:1.2rem}.description-detail{font-size:.9rem}.weather-details{gap:10px;grid-template-columns:1fr}.weather-detail-card{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:12px 15px}.detail-label{font-size:.75rem;margin-bottom:0}.detail-value{font-size:1.1rem;text-align:right}.city-name{font-size:1.3rem}.error-message,.loading-message{font-size:.9rem;padding:12px 15px}.additional-info{margin-top:15px;padding:15px}.info-item{font-size:.9rem}.placeholder-message{font-size:1rem;padding:30px 15px}}@media (max-width:320px){.weather-container{padding:12px}.title{font-size:1.3rem;margin-bottom:12px}.search-form{gap:8px}.search-button,.search-input{font-size:.9rem;padding:10px 12px}.temp-value{font-size:2.5rem}.city-name{font-size:1.1rem}.detail-label{font-size:.7rem}.detail-value{font-size:1rem}}@media (max-width:768px){.weather-main{align-items:center;display:flex;flex-direction:column;justify-content:center}}@supports (display:grid){.weather-details{display:grid}}@supports not (display:grid){.weather-details{display:flex;flex-wrap:wrap}.weather-detail-card{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1}}
/*# sourceMappingURL=main.dd7f4a8b.css.map*/