/* Adjust heading styles */
h1, h2, h3, h4 {
  color: purple;
  font-family: 'Arial', sans-serif;
  /* Add more properties as per your preference, such as text-shadow or font-size */
}

/* Style the body text */
body {
  text-align: justify;
  font-family: 'Georgia', serif; /* Change the font as per your preference */
  line-height: 1.6; /* Adjust line height for better readability */
  margin: 0; /* Reset margin for the body */
  padding: 20px; /* Add some padding for better readability and visual appeal */
  background-color: #f5f5f5; /* Set a light background color */
}

/* Adjust the caption style */
p.caption {
  color: #777;
  margin-top: 10px;
  font-style: italic; /* Make it italic for better differentiation */
}

/* Style the code blocks */
p code, pre code {
  font-family: 'Courier New', monospace; /* Set a monospace font for code blocks */
  background-color: #f4f4f4; /* Add a light background color for code blocks */
  padding: 5px; /* Add padding for code blocks */
  border-radius: 5px; /* Round the corners for a better visual appeal */
  font-size: 8px; /* Adjust the font size as needed */
}

/* Style the preformatted blocks */
pre {
  word-break: normal;
  word-wrap: normal;
  background-color: #f4f4f4; /* Set a light background color for preformatted blocks */
  padding: 15px; /* Add some padding for preformatted blocks */
  border-radius: 5px; /* Round the corners for a better visual appeal */
  overflow: auto; /* Add overflow for long code snippets */
}