:root{font-family:system-ui,Avenir,Helvetica,Cambria,Cochin,Georgia,Times,Times New Roman,serif,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#0d0000de;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background-image:url(https://images.unsplash.com/photo-1690743300187-51d68146adf7?q=80&w=1170&auto=format&fit=crop);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;justify-content:center;align-items:flex-start}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.WeatherApp{display:flex;justify-content:center;align-items:center;gap:40px;padding:30px;min-height:100vh}.SearchBox,.InfoBox{background:#ffffffe6;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0003}@media (max-width: 768px){.WeatherApp{flex-direction:column;align-items:center}}.SearchhBox,.InfoBox{text-align:center}.cardContainer{display:flex;justify-content:center}.InfoBox{background:#fff;color:#000;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000004d;text-align:left}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:15px}.info-grid p{margin:5px 0;font-size:14px}.WeatherApp{text-align:center;max-width:1000px;margin:auto;padding:20px;background:#00000032;border-radius:15px;color:#fff}.weather-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px;align-items:start}@media (max-width: 768px){.weather-layout{grid-template-columns:1fr}}.WeatherApp{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:30px;gap:30px}.app-title{font-size:2.5rem;font-weight:700;color:#330202;text-align:center}.content{display:flex;justify-content:center;align-items:flex-start;gap:20px;width:100%;max-width:1000px}.SearchBox,.InfoBox{flex:1;max-width:400px}