body{background:linear-gradient(to bottom right,#74ebd5,#9face6);color:#fff;font-family:Poppins,sans-serif;margin:0}.home_con{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;transition:background .5s ease}.card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border-radius:1.5rem;box-shadow:0 8px 32px #00000040;max-width:500px;padding:2rem;text-align:center;transition:transform .3s ease;width:100%}.card:hover{transform:translateY(-5px)}.title{color:#fff;font-size:2rem;margin-bottom:1rem}.title2{color:#fff;font-size:1.6rem;margin:.5rem 0}.input_con{display:flex;gap:.5rem;margin-bottom:1rem}.input_p{flex:1 1;font-size:1rem;outline:none}.butto,.input_p{border:none;border-radius:.8rem;padding:.7rem 1rem}.butto{background:#ffffff4d;cursor:pointer;font-weight:700;transition:all .3s ease}.butto:hover{background:#ffffff80}.display_con{animation:fadeIn .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:1rem;margin-top:1.5rem;padding:1.5rem}.weather_grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:1rem}.circle_box{align-items:center;aspect-ratio:1;background:#ffffff1a;border-radius:50%;display:flex;flex-direction:column;justify-content:center;padding:1rem;transition:transform .3s ease}.circle_box:hover{transform:scale(1.2)}.circle_label{color:#ffffffd9;font-size:.9rem;margin-bottom:.4rem}.circle_value{font-size:1.2rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.default-bg{background:linear-gradient(to top right,#74ebd5,#9face6)}.sunny-bg{background:linear-gradient(to top right,#fceabb,#f8b500)}.cloudy-bg{background:linear-gradient(to top right,#d7d2cc,#304352)}.rainy-bg{background:linear-gradient(to top right,#4b79a1,#283e51)}.stormy-bg{background:linear-gradient(to top right,#232526,#414345)}.snowy-bg{background:linear-gradient(to top right,#e6dada,#274046)}.foggy-bg{background:linear-gradient(to top right,#3e5151,#decba4)}@media (max-width:640px){.card,.home_con{padding:1rem}.title{font-size:1.6rem}.title2{font-size:1.3rem}.weather_grid{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.75e41108.css.map*/