@font-face {
  font-family: "Source Serif 42";
  src: url("../font/SourceSerif4-Regular.ttf") format("truetype");
  font-weight: 420;
  font-style: normal;
}

@font-face {
  font-family: "Source Serif 42";
  src: url("../font/SourceSerif4-Medium.ttf") format("truetype");
  font-weight: 421;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Source Serif 42", "Georgia", serif;
  font-weight: 420;
  margin-inline: auto;
  padding-inline: 0.42rem;
  line-height: 1.42;
  max-width: calc(1.6666667 * 42ch);
  word-break: break-word;
  text-wrap-style: pretty;
}

main, 
section:has(h1) {
    margin-bottom: 4.2rem;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 421;
}

a {
  color: #36c;
}

img {
  width: auto;
  max-width: 100%;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #202122;
    color: #d3d3d3;
  }
  img[src^="/assets/logo/logo.png"] {
    filter: invert(1);
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: white;
  }
}

@media print {
  section:has(button) {
    display: none;
  }
}