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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body{align-items:center;background:linear-gradient(180deg,#4facfe,#00f2fe);height:100vh;justify-content:center;margin:0}.App,body{display:flex}.App{background:#fff;border-radius:24px;box-shadow:0 20px 40px #0003;flex-direction:column;gap:24px;min-height:520px;padding:24px;width:360px}form{display:flex;gap:8px}input{border:1px solid #ddd;border-radius:12px;flex:1 1;font-size:16px;outline:none;padding:12px 14px}input:focus{border-color:#4facfe}button{background:#4facfe;border:none;border-radius:12px;color:#fff;cursor:pointer;height:48px;transition:transform .15s ease,opacity .2s;width:48px}button:hover{opacity:.9}button:active{transform:scale(.95)}.weather-container{opacity:0;transform:translateY(30px) scale(.95);transition:all .5s ease}.weather-container.animate{opacity:1;transform:translateY(0) scale(1)}.weather-state{align-items:center;display:flex;flex-direction:column;gap:8px}.status{font-size:18px;font-weight:500}.error{color:#ff4d4d}.temp-text{font-size:4rem;margin-top:16px;opacity:0;text-align:center;transform:scale(.8);transition:all .4s ease .2s}.weather-container.animate .temp-text{opacity:1;transform:scale(1)}.icon{margin-top:16px}.sun{animation:rotate 10s linear infinite}.cloud{animation:float 4s ease-in-out infinite}.rain{animation:rain .8s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes rain{0%,to{transform:translateX(0)}50%{transform:translateX(2px)}}
/*# sourceMappingURL=main.0c95e3e8.css.map*/