@font-face {
  font-family: "Asgaard";
  font-weight: 100 900;
  font-style: normal;
  src: url("https://cdn.isaac.run/brand/carattere/AsgaardBETA-VF.woff2") format("woff2");
}

:root {
  --isaac-blue: #0E4385;
  --logy-lightblue: rgb(179, 236, 252);
  --isaac-red: #C52947;
}

::selection {
  background-color: var(--logy-lightblue);
}

html {
  font-family: "Asgaard", sans-serif;
  text-wrap: pretty;
  font-feature-settings: "ss04" 1;
}

body {
  max-width: 750px;
  margin-inline: auto;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 0;
}

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

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

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

p {
  line-height: 1.5;
  margin-block: 1lh;
}

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

li {
  line-height: 1.5;
}

.clref {text-align: center;}
.clfooter {margin-top: 1lh;}
.climg {
  max-width: 31px;
  display: block;
  margin-inline: auto;
  margin-top: 1em;
  margin-block-end: -1lh;
}
.clmain {
  margin-block: 1lh;
}

.clfooter p {
  margin-block-end: -1lh;
}

mark {
  background-color: var(--logy-lightblue);
  color: var(--lec-brown);
  font-style: italic;
}

code, pre {
  font-family: "Monaco", "Fira Code", monospace;
}

img {
  max-width: 100%;
}