body {
    font-family: frutiger, sans-serif;
    line-height: 1.4;
}
header, main, footer {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}
header {
    margin-bottom: 2em;
}
footer {
    border-top: 2px solid #0e0c82;
    padding-top: 0.5em;
}

header nav ul {
  display: flex;        /* Horizontal layout */
  gap: 2em;             /* Space between items */
  margin: 1em 0 0 0;
  padding: 0;
  list-style: none;
}

header nav a {
  color: rgb(21, 23, 26);
  text-decoration: none;
}

a {
  color: blue;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline; /* Better accessibility feedback */
}


pre {
    word-break: break-word;
}

blockquote {
    margin: 1em 0;
    padding-left: 1em;
    border-left: 3px solid #ccc; /* subtle accent line */
    color: #555;                 /* soft text color */
    font-style: italic;
    background: transparent;     /* keeps it minimal */
}

/*make your header h1 have more font weight */
h1 {
    font-weight: 950; /* Semi-bold for emphasis */
    font-size: 2.4em; /* Larger size for prominence */
    margin-bottom: 0.5em; /* Space below the header */
    text-align: center; /* Centered text */
}
article header h1 a {
    color: black;
}

article header h1 a:hover, a:focus {
    text-decoration: none;
    color: #0e0c82; /* Change color on hover/focus for interactivity */
}