body {
  background-color: black;
  color: red;
  font-family: Courier, monospace;
  width:45%
}

@media screen and (max-width: 768px) {
  body {
    width: 100%; /* Set the width to full for small screens */
  }
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}   

a:link {
  color: rgb(139, 0, 0);
}

a:visited {
  color: rgb(139, 0, 0);
}

a:hover {
  color: rgb(240, 0, 0);
}

hr {
  border: 1px solid rgb(139, 0, 0);
}

blockquote {
  max-width: 65%; /* Slightly thinner than body */
  margin: 1em auto; /* Centering */
  padding: 0.5em;
  color: red;
}

.blockquote-alt {
  max-width: 65%; /* Wider than 50%, but still narrower than 60% */
  margin: 1em auto; /* Centering */
  padding: 0.5em;
  font-size: 0.9em; /* Makes the text slightly smaller */
}