/* style.css */

/*a { text-decoration: none; }*/
a:visited { color: #333333; }
a:active { color: darkgrey; }
a:link { color: grey; }

body {
  background-color: #f5f5f5;
}

#content {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  margin: 3em auto;
  color: #333333;
}

@media (min-width: 600px) {
  #content {
    width: 800px;
    max-width: 800px;
    font-size: 22px;
  }
}
@media (max-width: 600px) {
  #content {
    margin: 1em 1em;
    font-size: 28px;
  }
}

h1, h2 {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 490;
  font-style: normal;
}
h1 {
  font-size: 290%;
}
h2 {
  font-size: 210%;
  /*
  margin-top: 3rem;
  margin-bottom: 4rem;
  */
  margin-top: 4rem;
  margin-bottom: 3rem;
}
h3 {
  font-size: 110%;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/*
p {
  margin-top: 3em;
  line-height: 1.4em;
  text-align: justify;
}
p:last-of-type {
  margin-bottom: 4.2em;
}
*/

img {
  width: 100%;
  display: inline-block;
  border: 3px solid black;
}


ul {
  list-style: disc;
  padding: 0 1.4em;
}
ul li::marker {
  /*
  content: "❦ ";
  content: "✸ ";
  content: "✦ ";
  */
  content: "✪ ";
  font-size: 120%;
}
li {
  line-height: 1.4em;
}

/*
.links {
  opacity: 0.7;
  font-size: 84%;
}
.sep::before {
  content: "✦ ";
}
.link {
}
*/