body {
    font-family: helvetica;
    font-size: 14px;
    color: black;
}

.sidebar {
  width: 250px;             
  height: 100vh;            
  position: fixed;          
  top: 0;                   
  left: 0;                  
  background: radial-gradient(cyan, blue) !important; /* Added !important to override conflicts */
  z-index: 9999; /* ADD THIS: Forces it to the front */
  overflow-y: auto;         
}
div {
  height: 100px;
  width: 100%;
}

/* 2. Prevent the overlap */
.main-content {
  margin-left: 250px;       /* MUST match or exceed the sidebar width */
  padding: 20px;            /* Optional interior spacing */
}
a {
  color: #ff0000;
}
li:empty {
  display: none; /* Completely hides any blank bullet point */
}
li {
  empty-cells: hide;
}
html, body {
  min-height: 100%;
}
h1 {
  background-image: linear-gradient(to right, cyan, blue);
  -webkit-background-clip: text; /* Clips background to text shape */
  background-clip: text;
  -webkit-text-fill-color: transparent; /* Makes text see-through */
  color: transparent;
}