@font-face {
  font-family: "et-book";
  src:
    url("../fonts/et-book-roman-line-figures.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  size-adjust: 105%;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    background-color: hsl(49.41, 50%, 95.88%);
    color: hsl(302.07, 17.79%, 10%);
    font-family: "et-book";
    line-height: 1.6;
    font-size: clamp(1rem, 1.5vh, 2.0rem);
    margin: 40px auto;
    max-width: 800px;
}

h1, h2, h3 {
    color: #60435f;
    font-family: "Open Sans";
}

.nav {
    font-family: "Open Sans";
}

h1 {
    font-size: clamp(1rem, 2.0vh, 2.0rem);
}

code {
    
}

.nav-links {
    white-space: nowrap;
}

.nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    #font-size: clamp(1.5rem, 4.5vw, 2.5rem);
    font-size: clamp(1rem, 0.643rem + 0.952vw, 1.5rem);
}

.site-title {
    font-size: clamp(1.8rem, 5.0vw, 2.8rem);
}
.title-separator {
    padding-left: 1rem;
}

.nav li {
    display: inline-block;
    padding-right: 1rem;
}

a:link {
    color: #60435f;
}

a:visited {
    color: #71816d;
}

.nav a {
    text-decoration: none;
    color: #60435f;
}

img {
    max-width: min(100%, 800px);
    width: auto;
    height: auto;
}

.container {
    margin: 40px;
}

blockquote {
    border-left: 2px groove gray;
    padding-left: 10px;
}