/* This CSS stylesheet is a throwback to the original stylesheet of my website. */

body {
  background-color: rgb(231,204,151);
  color: black;
  font-family: Courier, monospace;
  width:60%
}

@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: black;
}

a:visited {
  color: black;
}

a:hover {
  color: white;
}

hr {
  border: 1px solid black;
}

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

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

sup {
  font-size: 0.75em; /* Makes it smaller so it doesn’t push lines apart */
  line-height: 0; /* Prevents extra space */
  position: relative;
  top: -0.3em; /* Adjusts placement to avoid excessive height changes */
}

/* For diatribes in Courier font */
.diatribe {
  font-family: 'Courier', monospace;
  line-height: 1.4; /* Adjust line spacing for readability */
  color: black; /* Dark gray color to maintain readability */
  white-space: pre-wrap; /* Keeps the text formatting intact */
}

.hubbur {
  font-family: Georgia, serif;
  line-height: 1.4; /* Adjust line spacing for readability */
  color: black; /* Dark gray color to maintain readability */
  white-space: pre-wrap; /* Keeps the text formatting intact */
}

#spiral-text {
  position: relative;
  width: 500px; /* Adjust as needed */
  height: 500px; /* Adjust as needed */
  margin: auto;
}

#spiral-text span {
  position: absolute;
  font-size: 16px;
  white-space: nowrap;
}