body {
    background-color: black;
    color: #21D375;
    font-family: 'Courier New', Courier, monospace;
}

#toc {
    position: fixed;
    right: 0;
    font-size: 1.1em;
    top: 0;
    width: 35%;
    height: 100%;
    overflow: auto;
    border-left: 2px dashed green;
    padding: 5px;
    height: calc(100vh - 110px); /* Adjust 50px to the amount you want to subtract */
}

.postTitle {
    font-size: 22px;
    margin-top: 20px;
}

#blogContent {
    margin-right: 31%; /* Adjusted to match the TOC width */
    padding: 10px;
    line-height: 1.3;
    position: relative; /* Needed to position the bibliography */
    padding-bottom: 100px; /* Space for the bibliography */
    margin-right: 21%;
}

#bibliography {
   
    font-size: 0.8rem; 
    bottom: 0;
    padding: 10px;
    position: absolute; 
    left: 0;
    width: 100%;
    background-color: #000; /* Or any color you prefer */
    color: #0f0; /* Text color */
    box-sizing: border-box; /* To include padding in width calculation */
     border-top: 2.5px double #0f0;
}
.content-section {
   display: none;
}
ul {
    list-style-type: none;
    padding: 0;
}

li {
    list-style-type: none;
    padding: 0;
    margin-bottom: 20px; /* Adds space between TOC items */
}

li a {
    color: #08A045;
    text-decoration: none;
}

li a:hover {
    text-decoration: underline;
}

a, a:visited, a:hover, a:active {
    color: #21D375;
    text-decoration: none;
}

a:hover {
    color: yellow;
    text-decoration: underline;
}
 p {
    max-width: 75%; /* Adjust the percentage based on your requirement */
    float: left; /* Use 'right' to align the paragraph to the right side */
    margin: 0; /* Adjust as needed */
    padding: 10px; /* Adds some space inside the paragraph */
   /* background-color: #f0f0f0; Just for better visibility */
  }