/* Basic reset */

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

   body {
       font-family: 'Mulish', sans-serif;	
	   font-size : 13px;
       background-color: #f5f5f5;
       color: #333;
       display: flex;
       line-height: 1.6;
   }

/* Lateral menu styling */
.toc-menu {
    width: 250px;
    background-color: #ffffff;
    padding: 20px;
    position: fixed;
    height: 100vh;
    overflow-y: auto;
    border-right: 1px solid #ccc;
}

.toc-menu a {
    text-decoration: none;
    color: #242F40;
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    transition: color 0.3s;
    padding: 5px;
}

.toc-menu a:hover {
    color: #CCA43B;
    background-color: #F2F2F2;
    border-radius: 5px;
}

/* Content section styling */
.content {
    margin-left: 270px; /* Make space for the sidebar */
    padding: 20px;
    width: calc(100% - 270px);
}

.content h2 {
    color: #242F40;
    margin-bottom: 15px;
    font-size: 1.8em;
    border-bottom: 2px solid #CCA43B;
    padding-bottom: 5px;
}
	
.title{
	width : 100%;
	padding : 4px 10px;
	background-color : #242F40;
	color : white;
	margin-bottom : 10px;
}

.section{
	display: block;
	padding : 20px;
          margin: 20px auto;
          max-width: 100%;
          height: auto;
          border-radius: 8px;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Centralize images (GIFs) */
.content img {
    display: block;
    margin: 20px auto;
    max-width: 100%;
    height: auto;
}

/* Style for text blocks with a light grey background */
.text-block {
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Style for table of contents heading */
.toc-heading {
    font-size: 1.5em;
    margin-bottom: 15px;
    color: #CCA43B;
    border-bottom: 2px solid #CCA43B;
    padding-bottom: 5px;
}

/* Media queries for responsiveness */
@media (max-width: 768px) {
    .toc-menu {
        width: 100%;
        position: relative;
        height: auto;
        border-right: none;
    }

    .content {
        margin-left: 0;
        width: 100%;
    }
}

/* Additional styling for lists */
ul {
    margin-left: 20px;
    list-style-type: disc;
}

/* Additional styles for emphasized text */
b {
    color: #d9534f;
}
	
hr{
	width : 100%;
	margin-bottom : 2px;
}


/* Table style */
table {
    width: 80%;
    border-collapse: collapse;
}

/* Header style */
th {
    background-color: #242F40;
    color: #CCA43B;
    padding: 8px;
    text-align: left;
    font-weight: bold;
    position: sticky;
    top: 0;
    border-bottom: 1px solid #4A5568;
}

/* Row styles */
td {
    background-color: #2B3A4B;
    color: #FFFFFF;
    padding: 8px;
    border-bottom: 1px solid #4A5568;
}

/* Alternate row coloring */
tr:nth-child(even) td {
    background-color: #242F40;
}