:root{color:#fff;min-height:100vh;background-size:cover;background-position:center;background-attachment:fixed;transition:background-image .5s ease-in-out}body{margin:0;padding:0;font-family:Segoe UI,sans-serif}.SearchBox{text-align:center;margin:2rem auto;max-width:600px;padding:0 1rem}.search-form{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media (max-width: 480px){.search-form{flex-direction:column}.SearchBox{margin:1rem auto}}.InfoBox{text-align:center;padding:1rem}.cardContainer{display:flex;justify-content:center;margin:0 auto;max-width:800px}.weather-card{width:100%;margin:1rem;border-radius:15px!important;box-shadow:0 8px 32px #0000004d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a!important;transition:transform .3s ease}.weather-card:hover{transform:translateY(-5px)}.weather-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1rem}@media (max-width: 768px){.weather-card{margin:.5rem}.weather-details{grid-template-columns:1fr}}