#toc {
  width: 250px;
  margin-right: 5px;
  background-color: #f9f9f9;
  padding: 10px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}

#toc h2 {
  font-size: 1.5em;
}

#toc ul {
  list-style-type: none;
  padding-left: 0;
}

#toc ul li {
  margin: 5px 0;
}

#toc ul li ul {
  margin-left: 20px;
}

#toc a {
  text-decoration: none;
  color: #0073e6;
}

#toc a:hover {
  text-decoration: underline;
}



/* Portfolio Container */
.portfolio-container {
  display: flex;
  justify-content: space-between; /* Space between sections */
  align-items: flex-start; /* Aligns sections at the top */
  background-color: #f5f5f5; /* Light background color */
  padding: 20px; /* Padding around the container */
  gap: 20px; /* Consistent spacing between sections */
  border-radius: 10px; /* Rounded corners */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  margin: 20px;
}

/* Individual Sections */
.portfolio-container .section {
  background-color: #f5f1f0; /* Light background */
  padding: 15px; /* Padding inside each section */
  border-radius: 8px; /* Rounded corners */
  box-shadow: 0 2px 4px rgba(0.1, 0.1, 0.1, 0.1); /* Subtle shadow */
  flex: 1; /* Equal width for all sections */
  min-width: 0; /* Prevents flexbox overflow issues */
  margin: 0; /* Remove margin since gap handles spacing */
  text-align: center; /* Centers text horizontally */
  
}

/* Section Headers */
.portfolio-container .section h2 {
  font-size: 1.3rem; /* Larger font size for headers */
  margin-bottom: 10px; /* Space below the header */
  color: #333333; /* Dark color for contrast */
}

/* Section Paragraphs */
.portfolio-container .section p {
  font-size: 1rem; /* Standard font size for text */
  color: #555555; /* Light gray for readability */
  line-height: 1.6; /* Improved line spacing */
}

/* Media Query for Small Screens */
@media (max-width: 768px) {
  .portfolio-container {
    flex-direction: column; /* Stack sections vertically */
    padding: 10px; /* Adjust padding for smaller screens */
  }

  .portfolio-container .section {
    margin: 10px 0; /* Vertical spacing for stacked sections */
  }
}