.cloudy-anim{animation:clouds-move 8s linear infinite}@keyframes clouds-move{0%{background-position:0 0}to{background-position:100px 40px}}.app-container{align-items:center;animation:bg-fadein 1s;background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;position:relative;transition:background-image .8s ease-in-out}@keyframes bg-fadein{0%{opacity:.5}to{opacity:1}}.weather-card{animation:card-fadein .8s}@keyframes card-fadein{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:16px;box-shadow:0 8px 32px #0006;color:#fff;max-width:350px;padding:20px 40px;text-align:center}.search-box{display:flex;justify-content:center;margin-bottom:15px}.search-box input{border:none;border-radius:8px 0 0 8px;outline:none;padding:8px}.search-btn{background:#ff9800;border:none;border-radius:0 8px 8px 0;cursor:pointer;padding:8px}.weather-animation{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.rainy-anim{animation:rain .5s linear infinite}@keyframes rain{to{background-position:0 10px}}@keyframes snow{to{background-position:0 20px}}npx vercel --prod
.sunny-anim{animation:sunny 8s linear infinite}@keyframes sunny{to{transform:rotate(1turn)}}.thunder-anim{animation:lightning 3s infinite}@keyframes lightning{0%,95%,to{background-color:initial}96%{background-color:#fffc}98%{background-color:initial}}@media (max-width:900px){.weather-card.glass{max-width:90vw;padding:16px 10vw}}@media (max-width:600px){.app-container{align-items:flex-start;padding-top:30px}.weather-card.glass{font-size:.98rem;max-width:98vw;padding:14px 2vw}.search-box input{font-size:1rem;width:120px}.temp{font-size:2.2rem}.city{font-size:1.2rem}.details p{font-size:.95rem}}@media (max-width:400px){.weather-card.glass{font-size:.92rem;padding:8px 1vw}.search-box input{font-size:.95rem;width:80px}}
/*# sourceMappingURL=main.f71a8dac.css.map*/