main.css

/* Import fonts from Google Fonts and apply them to the page */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:wght@400;700&display=swap');

/* Define the font family, background color, and other styles */
body {
  background-color: #FFDAA2; /* Softer orange color */
  color: #000;
  font-family: "DM Serif Text", serif; /* Use DM Serif Text */
  font-size: 12pt;
  text-align: left;
}

h1, h2, h3, h4, h5, h6, a:link, a:visited {
  color: #303;
  font-weight: bold;
}

a {
  text-decoration: underline;
}

a:hover, a:focus {
  background-color: #303;
  color: #FFDAA2; /* Change link text color to match the background color */
}

pre, code {
  font-family: monospace;
  font-size: 10pt;
}

footer {
  font-size: 9pt;
  text-align: right;
}

textarea, input {
  vertical-align: text-top;
  font-family: sans-serif;
}