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;font-family:Poppins,sans-serif;margin:0;padding:0}.app{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;overflow-x:hidden;position:relative}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;inset:0;position:absolute}.container{margin:auto;max-width:1200px;padding:30px;position:relative;z-index:1}.logo{color:#fff;font-size:3rem;font-weight:700;text-align:center}.logo,.search-box{margin-bottom:30px}.search-box{display:flex;gap:15px;justify-content:center}.search-box input{background:#ffffff1f;border:none;border-radius:40px;color:#fff;font-size:16px;outline:none;padding:16px;width:350px}.search-box input::placeholder{color:#ddd}.search-box button{background:linear-gradient(135deg,#38bdf8,#2563eb);border:none;border-radius:40px;color:#fff;cursor:pointer;font-weight:700;padding:16px 28px}.weather-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-radius:30px;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:35px}.weather-card h1{font-size:5rem}.details{display:flex;flex-direction:column;gap:15px;justify-content:center}.section-title{color:#fff;font-size:1.5rem;margin-bottom:20px;margin-top:30px}.hourly-container{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px}.hour-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-radius:25px;color:#fff;min-width:130px;padding:20px;text-align:center}.forecast-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.forecast-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-radius:25px;color:#fff;padding:20px;text-align:center}.icon{color:#ffe066;font-size:2rem;margin:12px 0}.graph-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-radius:30px;color:#fff;margin-top:35px;padding:30px}::-webkit-scrollbar{height:8px}::-webkit-scrollbar-thumb{background:#38bdf8;border-radius:10px}@media(max-width:768px){.weather-card{gap:25px}.search-box,.weather-card{flex-direction:column}.search-box input{width:100%}.weather-card h1{font-size:4rem}}
/*# sourceMappingURL=main.79728a73.css.map*/