/*** COLORS & ANIMATION ***/

html {
  background-color: #eae9e5;
  color: #1c260f;
}


/*** TYPOGRAPHY ***/

body {
  font-family: "Geist", serif;
  box-sizing: content-box;
  max-inline-size: 40ch;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 56px;
}

section {
  margin-bottom: 4em;
}

.content {
  margin-left: 24px;
}

p {
    line-height: 150%;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 400;
}

  /*** LINKS ***/

  a {
    color: #5c6652;
    text-decoration: underline;
    font-weight: 400;
  }

  a:hover {
    color: #454c3d;
    background-color: #e2e1dd;
  }

  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e2e1dd;
    margin: 1em 0;
    padding: 0;
  }

  a:active {
    color: #1c260f;
  }

  ul li {
    margin-bottom: 16px;
    line-height: 150%;
  }

  li {
    text-wrap: pretty;
  }