*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.app-content{display:flex;justify-content:space-between}body{background-image:url(/assets/default-CzN__Zlp.png);background-repeat:no-repeat;background-size:cover;transition:background-image .5s ease-in-out}@media (max-width: 1024px){.app-content{flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:15px}}@media (max-width: 768px){.app-content{flex-direction:column;align-items:center;gap:20px;padding:10px}}@media (max-width: 480px){.app-content{flex-direction:column;align-items:center;gap:15px;padding:5px}}header{display:flex;justify-content:flex-end}.menu{display:flex;flex-direction:column;gap:30px;height:100vh;width:20vw;background-color:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px 0}.menu-search{display:flex;align-items:center;justify-content:center;width:80%;margin:20px 20px 5px;gap:10px}.menu-search img{border:none}.menu-search input{border:none;background-color:transparent;padding:10px;color:#fff}.menu-search input::placeholder{color:#fff;opacity:.7}.menu-search input:focus{outline:none;box-shadow:none}.menu-search button{border:none;background-color:transparent}.menu-title{display:flex;flex-direction:column;align-items:center}hr{width:70%}.main-cities li{cursor:pointer}.main-cities,.weather-details{display:flex;flex-direction:column;align-items:center;gap:20px}.main-cities ul,.weather-details h3,.cloudy{display:flex;flex-direction:column;width:70%;list-style:none;color:#f9feff85;gap:20px}.cloudy{display:flex;flex-direction:row;justify-content:space-between;width:70%;gap:20px}@media (max-width: 1024px){.menu{width:70vw;border-radius:10px}.main-cities ul,.weather-details h3,.cloudy{width:60%}}@media (max-width: 768px){header{justify-content:center}.menu{border-radius:10px;width:70vw;height:auto;padding:15px 35px}.menu-search{gap:10px}.menu-search input{width:100%}.main-cities ul,.weather-details h3,.cloudy{width:70%}.cloudy{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width: 480px){.menu{width:90vw;gap:15px}.menu-search{width:90%}.menu-search input{font-size:14px}.main-cities ul,.weather-details h3,.cloudy{width:90%}.cloudy{flex-direction:column;gap:5px}hr{width:90%}}.main{display:flex;flex-direction:column;justify-content:space-between;padding:100px;color:#fff}.logo h1{color:#fff}.temp{width:55vw;display:flex;gap:50px;align-items:center;justify-content:space-between}.temp h2{font-size:10rem;color:#fff;font-weight:500}.city h3{color:#fff;font-size:4rem}.city p{color:#fff;text-align:center}@media (max-width: 1024px){.main{padding:50px}.temp{width:70vw;gap:30px}.temp h2{font-size:6rem}.city h3{font-size:2.5rem}.city p{font-size:1rem}}@media (max-width: 767px){.main{padding:30px 20px;align-items:center}.temp{width:100%;flex-direction:column;gap:20px;text-align:center}.temp h2{font-size:4rem}.city h3{font-size:2rem}.city p{font-size:.9rem}}