body{background-color:var(--primary-color)}.container{display:grid;grid-template-columns:.5fr 10fr;margin:5rem;height:80vh;border-radius:30px}.search-main{padding:2rem}.search{display:flex;justify-content:space-evenly}.search_city,.search_date{display:flex}.search-icons{margin-top:.5rem;height:1rem;width:1rem}.search input{height:2rem;width:10rem;border:none;border-radius:10px;padding-left:1rem;margin-left:.5rem}.weather-info{display:flex;justify-content:space-evenly;margin-top:3rem}.weather-card{width:50%;padding-top:1rem;border-radius:10px;color:#1f3853;display:flex;flex-direction:column;align-items:center;background-image:url(/assets/sunny-D-GcMn34.jpg);background-size:cover}.location{display:flex;gap:2rem}.tempDeg{font-size:2.5rem}.sun-timings{display:flex;gap:2rem}.sun-timings>p{display:flex;align-items:center}.sun-timings>p>img{height:2.5rem;width:2.5rem}.weather-details{display:flex;gap:1rem}.weather-details-label,.weather-details-info{display:flex;flex-direction:column;justify-content:space-evenly}.weather-data{display:flex;align-items:center;gap:.5rem}.weather-icon{height:1.5rem;width:1.5rem}.main{background-color:var(--primary-color-light);display:grid;grid-template-columns:3fr 1fr}*{--primary-color: #b5d8ff;--primary-color-light: #e3f1ff;--primary-color-dark: #5c9ce5}.sidenav{background-color:var(--primary-color-dark);width:10rem;display:flex;flex-direction:column;justify-content:center;gap:3rem}.sidenav-element{display:flex;align-items:center;gap:.5rem;border:none;background:none;color:#fff;height:3rem;width:100%}.sidenav-element:hover{background-color:#fff;color:#b5d8ff;cursor:pointer}.icons{height:1rem;width:1rem;margin-left:.5rem}