@font-face {
  font-family: "Satoshi";
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
  src: url("Satoshi-Variable.woff2") format("woff2");
}

:root {
  --isaac-blue: #0E4385;
  --isaac-red: #C52947;
  --minimal-background: antiqueWhite;
  --lec-brown: rgb(81, 52, 36);
}

html {
  font-family: "Satoshi";
  font-size: 1.05em;
  font-feature-settings: "ss02" 1, "ss03" 1;
  text-wrap: pretty;
  background-color: var(--minimal-background);
  color: var(--lec-brown);
}

body {
  max-width: 750px;
  margin-inline: auto;
  padding: 10px;
}

h1 {
  text-decoration-line: underline;
  text-decoration-color: var(--isaac-blue);
  text-decoration-style: wavy;
}

h2 {
  text-decoration-line: underline;
  text-decoration-color: var(--isaac-red);
  text-decoration-style: wavy;
}

h3 {
  text-decoration-line: underline;
  text-decoration-color: var(--isaac-blue);
  text-decoration-style: double;
}

p {
  font-weight: 450;
  margin-block: 1lh;
}

li {
  font-weight: 450;
}

a {
  color: var(--isaac-red);
}

.clref {
  text-align: center;
}

.climg {
  max-width: 31px;
  display: block;
  margin-inline: auto;
  margin-block-end: -1lh;
}