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}.App{background:linear-gradient(180deg,#0f172a,#1e3a8a);min-height:100vh;padding:10px 0 30px;text-align:center}.container{animation:card-float 8s ease-in-out infinite;background:radial-gradient(circle at top,#2f8fbc 0,#17365f 45%,#0d1224 100%);border-radius:24px;box-shadow:0 26px 80px #00000073;margin:40px auto;min-height:760px;padding:28px;transform-style:preserve-3d;width:min(92vw,620px)}.top-bar{display:flex;gap:12px;justify-content:center}.top-bar input{background:#f4f7fb;border:none;border-radius:999px;color:#1f2a44;font-size:20px;height:60px;outline:none;padding:0 24px;width:100%}.search-icon{background:linear-gradient(145deg,#8fe8f9,#6eb8ff);border:0;border-radius:50%;cursor:pointer;display:grid;height:60px;place-items:center;transition:transform .2s ease;width:60px}.search-icon:hover{transform:translateY(-2px) scale(1.03)}.tabs{background:#ffffff26;border-radius:999px;display:inline-flex;gap:4px;margin-top:24px;padding:5px}.tab{background:#0000;border:0;border-radius:999px;color:#d9e9ff;cursor:pointer;font-size:15px;padding:10px 20px}.tab.active{background:#fff;color:#21345d;font-weight:600}.weather-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border-radius:20px;margin-top:24px;padding:18px}.weather-image{display:flex;justify-content:center;margin-top:8px;perspective:600px}.weather-image img{animation:icon-3d-spin 10s ease-in-out infinite;transform-origin:center;width:min(38vw,180px)}.weather-temp{color:#fff;font-size:clamp(52px,12vw,104px)}.weather-location,.weather-temp{display:flex;justify-content:center}.weather-location{color:#e6f2ff;font-size:clamp(28px,6vw,50px)}.description{color:#cde5ff;font-size:20px;margin-top:8px;text-transform:capitalize}.data-container{grid-gap:14px;color:#fff;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.element{align-items:center;background:#ffffff14;border-radius:14px;display:flex;gap:12px;padding:12px}.data{font-size:24px}.text{color:#d4e5ff;font-size:16px}@keyframes icon-3d-spin{0%,to{transform:rotateY(0deg) rotateX(0deg) translateZ(0)}50%{transform:rotateY(28deg) rotateX(10deg) translateZ(20px)}}@keyframes card-float{0%,to{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-8px) rotateX(1.5deg)}}@media (max-width:640px){.container{border-radius:16px;margin-top:18px;min-height:auto;padding:18px;width:94vw}.top-bar input{font-size:16px;height:52px}.search-icon{height:52px;width:52px}.data-container{grid-template-columns:1fr}.tab{font-size:14px;padding:8px 14px}}
/*# sourceMappingURL=main.27edd8e4.css.map*/