.search_filter{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:2rem}.search_bar{flex:1;height:8.5rem;min-width:20rem;max-width:35.8rem}.search_bar input{color:#fff;width:100%;height:100%;padding:1rem 3rem;background:#24343d;border-radius:1.2rem;font-size:2.3rem;border:none}.search_bar input::placeholder{color:#c2c2c2;font-weight:200}.filters{display:flex;flex-direction:row;gap:3rem;transition:all .5s ease}.filter_bar{transition:all .5s ease;flex:2;display:flex;align-items:center;padding:1.2rem 1.7rem;gap:2rem;justify-content:space-between;background:#24343d;border-radius:1.2rem;max-width:90rem}.filter_text{font-size:2.7rem}#filters-icon{display:none}#filters-icon:hover{color:#d3d3d3;transform:translateY(.1rem)}.filter_bar select{padding:1.2rem 1rem;background:#1f2d34;color:#fff;border:1px solid rgba(255,255,255,.28);font-size:2.3rem;border-radius:1.5rem;box-sizing:border-box}@media (max-width: 1322px){.search_filter{justify-content:center}.search_bar{width:100%;max-width:80rem}}@media (max-width: 850px){.filters{align-items:center;display:none;flex-direction:column;width:100%;gap:1rem}#filters-icon{display:flex;font-size:2.8rem}.filter-text-container{padding:.2rem 1rem;display:flex;width:100%;align-items:center;justify-content:center;gap:.8rem}.search_filter{flex-direction:column}.filter_bar{padding:0;justify-content:space-between;flex-direction:column;width:100%;gap:1.2rem;max-width:30rem}.filter_bar select{text-align:center;width:95%;padding:.9rem .2rem;font-size:1.8rem;border-radius:1rem}.filter_text{font-size:2rem}#conditionFilter{margin-bottom:.8rem}}.intro{display:flex;justify-content:center;margin-top:14rem;margin-bottom:2rem;width:100%;transition:all .5s ease}.intro p{font-weight:500;font-size:4rem;text-align:center;max-width:77.8rem}.intro p span{background:linear-gradient(to right,#caecff,#78cfff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}@media (max-width: 1322px){.intro p{padding:0 5%}}@media (max-width: 850px){.intro p{font-size:3rem}}header{position:fixed;width:100%;top:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;background:transparent;padding:5.1rem 12%;opacity:1;visibility:visible;transition:all .3s ease}.sticky{opacity:0;visibility:hidden;overflow:hidden}.nav_logo{display:flex;align-items:center;color:#fff;font-size:4rem;transition:all .5s ease}.nav_logo #nav-icon{margin-right:.3rem}.nav_logo span{font-weight:600}.navbar{display:flex}.navbar a{color:#fff;font-size:2.5rem;font-weight:300;padding:.5rem 0;margin:0px 3rem;transition:all .5s ease}.navbar a span{font-weight:500}.btn_container .nav_btn2{display:none}.navbar a:hover{color:#ccc}.nav_actions{display:flex;align-items:center}.nav_btn{width:16.5rem;height:7.8rem;border-radius:2rem;background:linear-gradient(to right,#3a5e72,#5c93b1);border:none;color:#fff;font-size:2.5rem;cursor:pointer;transition:filter .3s ease;margin-right:.8rem;font-weight:500}.nav_btn:hover{filter:brightness(.9)}#menu-icon{display:none;font-size:6rem;cursor:pointer;z-index:10001}#menu-icon:hover{color:#d3d3d3;transform:translateY(.1rem)}@media (max-width: 1322px){header{padding:1.4rem 2%}.navbar a{padding:.5rem 0;margin:0px 2rem}}@media (max-width: 1090px){.nav_btn{width:12rem;height:6rem}#menu-icon{display:flex}.navbar{position:absolute;top:100%;right:-100%;width:27rem;height:19rem;background-color:#24343d;display:flex;flex-direction:column;justify-content:flex-start;border-radius:1rem;transition:all .5s ease}.navbar a{display:block;margin:1.2rem 0;padding:0px 2.5rem;transition:all .5s ease}.navbar a:hover{color:#d3d3d3;transform:translateY(.5rem)}.navbar.open{right:2%}}@media (max-width: 850px){.nav_actions .nav_btn{display:none}.navbar{height:24rem;border:1px solid rgba(255,255,255,.28)}.btn_container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.btn_container .nav_btn2{transition:filter .3s ease;display:block;color:#fff;font-weight:500;width:85%;text-align:center;margin-bottom:1.4rem;background:linear-gradient(to right,#3a5e72,#5c93b1);border:none;padding:.8rem;border-radius:.8rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;text-decoration:none;list-style:none}html{font-size:62.5%;height:100%vh}body{height:100%vh;background:#1b282e url(/assets/background-D_ZhipcL.svg) no-repeat center/cover;color:#fff;display:flex;flex-direction:column;min-height:100dvh}main{padding:0 8%;display:flex;flex-direction:column;flex-grow:1}footer{height:5rem;display:flex;justify-content:center;bottom:0;margin-top:2rem;margin-bottom:3rem}footer p{font-size:1.6rem;transition:all .5s ease}footer p:hover{transform:translateY(-.5rem)}footer p a{color:#fff;text-decoration:none}footer p a:hover{color:#ccc}.loading-spinner{border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-message{font-size:2rem;text-align:center;color:#a0a0a0;margin-top:3rem}.error-message{font-size:2rem;text-align:center;color:#ff6b6b;margin-top:3rem;padding:1rem;background:#ff00001a;border-radius:8px}@media (max-width: 1322px){body{height:100vh;background:#1b282e url(/assets/background2-Cw9h6pTF.png) repeat center/cover}}@media (max-width: 850px){main{align-items:center}}.weather_cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:2rem;width:100%;margin-top:2.1rem;max-width:180rem;margin-left:auto;margin-right:auto}.flag{height:2rem;width:auto}.weather-card{background-color:#24353e;border-radius:2rem;padding:3rem 5.2rem 2rem;display:flex;flex-direction:column;transition:all .3s ease}.weather-card:hover{transform:translateY(-.5rem);box-shadow:0 1rem 2rem #0003}.weather-icon img{width:auto;height:10.2rem;transition:transform .5s ease}.weather-icon img:hover{transform:scale(1.1) rotate(5deg)}.weather-info{display:flex;flex-direction:column;justify-content:center}.weather-info p{margin:1.5rem 0;font-size:1.8rem}.city-name{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;font-size:clamp(1.5rem,4vw,4rem)}.weather-temp{font-weight:300}.weather-wind,.weather-time,.weather-condition{font-size:clamp(1rem,3vw,1.2rem)}@media (min-width: 1800px){.weather-cards{grid-template-columns:repeat(4,minmax(30rem,1fr))}}@media (max-width: 1200px){.weather-cards{grid-template-columns:repeat(auto-fill,minmax(25rem,1fr))}.city-name{font-size:3.5rem}}@media (max-width: 850px){.weather-cards{grid-template-columns:1fr;padding:0 1.5rem}.weather-card{width:100%;padding:2rem 3rem}.city-name{font-size:3rem}.weather-info p{margin:1rem 0;font-size:1.6rem}}@media (max-height: 788px){.weather-card{height:98%}}