:root{--background:linear-gradient(to bottom, #213645, #a2bccf);background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;font-family:Bricolage Grotesque,Helvetica,sans-serif}body{background:var(--background)}h1,h2,h3,p,a{color:#fff}button{font-family:var(--font-family)}li{list-style-type:none}.navBar{margin-top:3vh;display:flex;position:relative}.navBar #tenki{color:#e4ecf2;align-self:center;margin-left:6%;display:flex}.navBar h1{margin-left:20px}.navBar img{align-self:center;width:50px;height:50px;margin-bottom:8px}.navBar .menu{cursor:pointer;align-self:center;width:30px;height:30px;margin:2rem;transition:all .2s}.navBar #navBtns{align-self:center;margin-left:auto;margin-right:6%;list-style:none;display:flex}.navBar #navBtns li{margin:2rem;position:relative}.navBar #navBtns .navBtn{color:#e4ecf2;cursor:pointer;background-color:#0000;border:#0000;border-radius:2rem;font-size:16px;font-weight:400;transition:all .3s}.navBar #navBtns .navBtn:hover{font-weight:600;transition:all .3s;transform:scale(1.5)}@media screen and (width<=768px){.navBar #navBtns{margin-right:2%}}.settings-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;background:#ffffff1f;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;gap:12px;min-width:150px;padding:15px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 16px #0003}.settings-menu div{color:#fff;justify-content:space-between;align-items:center;gap:10px;font-size:.9rem;display:flex}.settings-menu select,.mobile-settings-menu select{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;cursor:pointer;background:#555;border:1px solid #ffffff26;border-radius:4px;outline:none;padding:4px 8px}.about-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;background:#ffffff1f;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;min-width:300px;padding:15px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 16px #0003}.mobile-about-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;background:#000000bf;border:1px solid #00000026;border-radius:16px;flex-direction:column;gap:12px;min-width:150px;margin-top:10px;padding:10px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 16px #0003}.mobile-settings-menu{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;background:#000000bf;border:1px solid #00000026;border-radius:16px;flex-direction:column;gap:10px;min-width:150px;margin-top:10px;padding:15px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 16px #0003}.mobileMenuDropdown{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;background:#ffffff1f;border:1px solid #ffffff26;border-radius:1rem;flex-direction:column;padding:1rem;display:flex;position:absolute;top:100%;right:6%;box-shadow:0 8px 16px #00000080}.mobileMenuDropdown li{margin:.5rem 0!important}#hamburger{opacity:1}#hamburger:hover{opacity:.5}.mobile-settings-menu select{width:100%;padding:10px;font-size:1rem}.mobileNavBtn{text-align:left;width:100%}.cityName{max-width:90%;margin-bottom:auto;margin-left:6%;font-size:5rem}.description{margin-bottom:4%;margin-left:6%;font-size:1.5rem}.search-container{gap:20px;margin:0 6% 20px;display:grid}.search-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;background:#ffffff1f;border:1px solid #ffffff26;border-radius:15px;flex:none;padding:18px 15px;box-shadow:0 8px 32px #0003}.search-card form{justify-content:center;max-width:100%;margin:0 auto;display:block}input{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;flex:1;margin:1.5%;padding:10px 12px;font-size:14px}input::placeholder{color:#fff9}button{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #ffffff40;border-radius:8px;margin-top:10px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s}@media screen and (width<=768px){.cityName{font-size:2.5rem}.search-container{margin-top:14%}.description{max-width:80%;margin-bottom:6%;font-size:1.5rem}}.cityName{max-width:80%;margin-top:auto;margin-bottom:auto;margin-left:6%;font-size:5rem;transition:all .2s ease-in-out}.cityWeather{margin-bottom:4%;margin-left:6%;font-size:2rem}.location{overflow-wrap:break-word;max-width:85%;margin-left:6%;font-size:1.5rem}.feelsLike{margin-top:-2.5%;margin-bottom:5%;margin-left:6%;font-size:1.5rem}.grid{grid-template-columns:1fr;gap:20px;margin:0 6% 20px;display:grid}.two-grid{grid-template-columns:1fr 1fr;gap:20px;margin:0 6% 20px;display:grid}.weather-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:18px;padding:20px 15px;transition:all .3s;box-shadow:0 8px 32px #0000004d}.weather-card h2{margin-top:1%;font-size:1rem}.weather-card h1{margin-top:-1%;margin-bottom:auto;font-size:2.5rem}.weather-card h1,.weather-card h2,.weather-card p{margin-left:6%;margin-right:7%}.weather-card p{margin-bottom:auto + 12px}.weather-card #pressure{font-size:1.8rem}.scroll{min-width:0;overflow:hidden}.daily{transition:all .3s}.daily h2,.daily p{margin-left:3%}.daily p{margin-top:auto}.dailyTemp{font-weight:600}.card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;flex:none;padding:18px 15px;transition:all .3s;box-shadow:0 8px 32px #0003}.card h1{margin:auto;font-size:3rem}.daily:hover,.weather-card:hover,.card:hover{transition:all .3s;transform:scale(1.02)}.controls{text-align:center;margin-top:24px}button{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #ffffff40;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s}button:hover{background:#ffffff4d;transform:translateY(-1px)}.carousel{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;width:100%;padding:10px 0;flex-flow:row!important;display:flex!important;overflow-x:scroll!important}.carousel-item{background:#ffffff1a;border-radius:10px;flex-direction:column;align-items:center;min-width:100px;padding:10px;display:flex;flex:0 0 90px!important}.carousel-btns{gap:8px;display:flex}.carousel-btns button{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;transition:background .2s;display:flex}.carousel-btns button:hover{background:#ffffff4d}.carousel{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.uv-tag{opacity:.8;margin-top:5px;font-size:.7rem}@media screen and (width<=768px){.cityName{font-size:4rem}.feelsLike{margin-top:-1%;margin-bottom:20%}.weather-card h2{font-size:1rem}.weather-card p{font-size:.9rem}}