.search-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:30px auto}.search-bar input{font-size:16px;max-width:80%;outline:none;padding:12px 16px;width:250px}.search-bar button,.search-bar input{border:dotted #000;border-radius:20px}.search-bar button{background-color:#4a90e2;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px;transition:background .3s ease}.search-bar button:hover{background-color:#357ab7}.current-weather{background:linear-gradient(135deg,#74ebd5,#acb6e5);border-radius:16px;box-shadow:0 8px 16px #00000026;color:#fff;margin:20px auto;max-width:400px;padding:30px;text-align:center;transition:all .3s ease}.weather-info{align-items:center;display:flex;gap:20px;justify-content:center}.weather-info img{height:80px;width:80px}.weather-info h3{font-size:36px;margin:0}@media (max-width:600px){.current-weather{padding:20px}.weather-info{flex-direction:column}.weather-info img{height:60px;width:60px}.weather-info h3{font-size:28px}}.weather-details{border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:20px auto;max-width:600px;padding:15px}.weather-details h3{color:#9eed71;font-size:22px;margin-bottom:15px}.details-grid{grid-gap:15px;color:#faf8f8;display:grid;font-size:16px;gap:15px;grid-template-columns:1fr 1fr}.forecast-slider{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 4px 8px #0000001a;color:azure;gap:20PX;margin:30px auto;max-width:100%;padding:10px}.forecast-slider,.forecast-slider h3{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.forecast-slider h3{color:#f0eded;font-size:22px;margin-bottom:15px}.forecast-cards{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px}.forecast-cards :hover{background-color:#f0eded11}.forecast-card{border-radius:8px;color:#a49df9;flex:0 0 auto;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:700;padding:10px;text-align:center;width:120px}.forecast-card img{height:50px;width:50px}.navbar{border-radius:100px;color:#fff;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:1.5rem;font-weight:700;margin:0;padding:.5rem 1rem;text-align:center;transition:background .3s ease}.logo-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.logo{height:40px;object-fit:contain;width:40px}.navbar.clear{background:linear-gradient(90deg,#56ccf2,#2f80ed)}.navbar.cloud{background:linear-gradient(90deg,#bdc3c7,#2c3e50)}.navbar.rain{background:linear-gradient(90deg,#0052d4,#4364f7,#6fb1fc)}.navbar.snow{background:linear-gradient(90deg,#e6dada,#274046)}.navbar.storm{background:linear-gradient(90deg,#141e30,#243b55)}.navbar.default{background:linear-gradient(90deg,#2980b9,#6dd5fa)}@media (max-width:768px){.navbar{font-size:1.2rem;padding:.5rem}.logo{height:30px;width:30px}.logo-container{flex-direction:column;gap:.5rem}}.app-container{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:30px 20px;text-align:center}.app-title{color:#fff;font-size:2.5rem;font-weight:600;margin-bottom:30px}@media screen and (max-width:600px){.app-title{font-size:1.8rem}}body{background-image:url(/static/media/thunderous-dark-sky-black-clouds-600nw-2103757700.68dfd0d5e6170634a352.webp);background-position:50%;background-size:cover;box-sizing:border-box;height:100%;padding:0;width:100%}.weather-section{align-items:flex-start;box-sizing:border-box;flex-direction:row;justify-content:space-between;margin-top:30px;max-width:1000px;padding:0 20px}.horizontal-container,.weather-section{display:flex;flex-wrap:wrap;gap:20px;width:100%}.horizontal-container{align-items:stretch;justify-content:center;padding:10px}.weather-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff15;border-radius:15px;box-shadow:0 4px 20px #0003;box-sizing:border-box;color:#050505;display:flex;flex:1 1 45%;flex-direction:column;height:350px;justify-content:space-between;max-width:45%;padding:25px;transition:transform .3s ease}.weather-card:hover{transform:translateY(-5px)}@media (max-width:1024px){.weather-card{flex:1 1 100%;max-width:100%}}@media (max-width:768px){.weather-section{padding:0 10px}.horizontal-container,.weather-section{align-items:center;flex-direction:column}.horizontal-container{gap:15px}.weather-card{height:auto;max-width:100%;padding:20px;width:100%}}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}
/*# sourceMappingURL=main.78b1622d.css.map*/