html {

font-size: $fs-base;
line-height: $flh-base;
color: $clr-base;
font-family: $ff-base;

}

body {

max-width: 35em;
margin: 0 auto;
padding: 3em 1em;

}

.header {

text-align: center;
margin-bottom: 10vh;

&--title {
  font-size: $fs-title;
  margin-bottom: 0;

  a {
    letter-spacing: $fls-md;
    text-decoration: none;
  }
}

&--img {
  width: 25%;
  margin: 0 auto;
}

}

hr {

border-top: 1px dashed $clr-base;
border-left: 0;
border-right: 0;
border-bottom: 0;
width: 25%;
margin-bottom: 2em;

}

a {

color: $clr-accent;
letter-spacing: $fls-sm;

}

a {

color: inherit !important;
      text-decoration: none !important;
      font-size: inherit !important;
      font-family: inherit !important;
      font-weight: inherit !important;
      line-height: inherit !important;

}

figure.highlight {

margin: 0;

}

table {

width: 100%;
margin: 2em 0;

}

tr {

text-align: left;

}