@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;color:#fff;position:relative;background:#111}.background{position:fixed;inset:0;background:url(https://images.unsplash.com/photo-1502602898657-3e91760cbb34?auto=format&fit=crop&q=80&w=1973) 50%/cover no-repeat;filter:blur(3px);transform:scale(1.05);z-index:-2}body:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:-1}.container{display:flex;justify-content:center;align-items:center;padding:50px 20px 20px}.weather-card{width:100%;max-width:950px;padding:35px;border-radius:28px;background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.35)}.weather-card h1{text-align:center;font-size:2rem;font-weight:500;margin-bottom:25px}.search-box{display:flex;gap:12px;margin-bottom:40px}.search-box input{flex:1;padding:14px 18px;border-radius:14px;border:none;outline:none;background:hsla(0,0%,100%,.18);color:#fff;font-size:1rem}.search-box input::placeholder{color:hsla(0,0%,100%,.7)}.search-box button{border:none;padding:14px 18px;border-radius:14px;cursor:pointer;font-size:1rem;transition:.3s ease;background:hsla(0,0%,100%,.2);color:#fff}.search-box button:hover{background:hsla(0,0%,100%,.35)}.weather-info{text-align:center}#current-city{font-size:2.3rem;font-weight:400;margin-bottom:10px}#current-temperature{font-size:7rem;font-weight:300;line-height:1;margin-bottom:10px}#description{font-size:1.2rem;opacity:.9;margin-bottom:10px;text-transform:capitalize}#current-date{opacity:.8;margin-bottom:30px}.details{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.details div{padding:14px 22px;border-radius:16px;background:hsla(0,0%,100%,.12);font-size:1rem}.extra-info{width:90%;max-width:950px;margin:25px auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.extra-info div{padding:18px;border-radius:18px;background:hsla(0,0%,100%,.12);backdrop-filter:blur(14px);text-align:center}.forecast{width:90%;max-width:950px;margin:30px auto}.forecast h3{margin-bottom:18px;font-weight:500;font-size:1.4rem}#forecastContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:15px}.forecast-card{padding:20px 10px;text-align:center;border-radius:20px;background:hsla(0,0%,100%,.12);backdrop-filter:blur(14px);transition:.3s ease}.forecast-card:hover{transform:translateY(-5px);background:hsla(0,0%,100%,.2)}.tips{width:90%;max-width:950px;margin:20px auto 40px;padding:18px;border-radius:18px;background:hsla(0,0%,100%,.12);backdrop-filter:blur(14px);font-size:1rem}.error,.tips{text-align:center}.error{color:#ffb3b3;margin-top:20px}@media (max-width:768px){#current-temperature{font-size:5rem}#current-city{font-size:1.8rem}.search-box{flex-direction:column}.search-box button{width:100%}}@media (max-width:480px){.weather-card{padding:25px 18px}#current-temperature{font-size:4rem}.details{flex-direction:column}}
/*# sourceMappingURL=/style.372bc0a2.css.map */