h1 {
    font-size: extra-large;
    line-height: 1.2;
}

body {
    margin: 2rem auto;
    padding: 0 3vw;
    max-width: 50rem;
    font-family: serif;
    word-wrap: break-word;
    font-size: 1.25rem;
    line-height: 1.4;
    background-color: #FFFFF0;
}

blockquote {
    padding-left: 2rem;
    border-left: 0.1rem solid;
}

a {
  color: #007bff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

code {
  border-radius: 3px;
  border-color: black;
  font-family: courier, monospace;
}

.logo {
  position:fixed; 
  top:0; 
  right:0;
  width:10rem;
}

.code {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  font-family: courier, monospace;
  padding: 20px;
  font-size: .95rem;
  white-space: pre-wrap; /* Wraps lines at spaces */
  overflow-x: auto;
  border-width: medium;
  border-style: solid;
  border-color: black;
}

/* Optional: For very small screens (adjust max-width as needed) */
@media (max-width: 480px) {
  .code {
    font-size: .9rem; /* Reduce font size slightly to fit width */
  }
}