@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap";.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;position:sticky}.navbar-links{list-style:none;display:flex;gap:20px;margin:0;padding:0}.navbar-links li{text-transform:uppercase}.navbar-links a{text-decoration:none;color:#444;font-weight:700;font-size:20px;transition:color .3s}.navbar-links a:hover{color:#34ff19}body{font-family:"Source Sans 3",sans-serif;scroll-behavior:smooth}html{scroll-behavior:smooth}*{scroll-behavior:smooth;margin:0;padding:0}.container{gap:10px;display:flex;justify-content:center}.datePickerContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px}@media (max-width: 768px){.chartContainer{flex-direction:column;align-items:center}body{width:100%}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.pieChart{width:100%;height:300px}.summary,.districtContainer{width:90%;margin-bottom:20px}}@media (max-width: 768px){.datePickerContainer{display:flex;flex-direction:column}.fetchButton{margin-top:10px;width:100%}}p{font-weight:500}