body {
    font-family: 'Arial', sans-serif;
    color: #E0E0E0; 
    background-color: #121212; 
    margin: 0;
    text-align: center; 
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 20px;
    margin-bottom: 10px;
    
}

h1, h2 {
    font-weight: bold;
}

h3 {
    color:#03DAC6
}

p, a {
    line-height: 1.6;

}

p {
    color:#E0E0E0;
}
a {
    text-decoration: underline;
    color: #BB86FC; 
    line-height: 1.6;
}

a:hover {
    color: #03DAC6; /* Change link color on hover for a modern feel */
}

/* Styling for unordered and ordered lists */
ul, ol {
    text-align: left; /* Align list text to the left */
    margin: 0 auto; /* Center the entire list block */
    width: 80%; /* Adjust the width as needed for better appearance */
    max-width: 600px; /* Maximum width to prevent lists from becoming too wide */
    padding-left: 20px; /* Proper padding for bullet points or numbers */
}

li {
    line-height: 1.6; /* Consistent line height with other text elements */
}

/* You can add more specific styles for ul or ol if needed */
#index-links-list {
    /* Your specific styles for this list */
    text-align: center;
    width: 100%;
    list-style-type: none
    /* Other styles as needed */
}