@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,300;0,400;0,600;1,300&display=swap");
:root {
  color-scheme: light dark;
  --max-width: 1280px;
  --site-header-height: 4rem;
  --section-small: calc(100vh - (100vh / 1.618));
  --section-medium: calc(100vh - (100vh /2));
  --section-big: calc(100vh / 1.618);
  --transition-duration: .4s;
  --sanserif: "Inter", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  --serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --mono: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  --title-font: var(--mono);
  --accent: #ff9800;
  --background-color-alt: #c9c7c7;
  --line-color: rgb(220,220,220);
  --border-radius: .2em;
  --box-back-color: #f2f2f2;
  --a-color: black;
  --a-back-color: #bfd5e7;
  --b-color: white;
  --b-back-color: #3488ce;
  --c-color: white;
  --c-back-color: #3ec487;
  --shadow-l1: 0 1px 3px rgb(0 0 0 / 20%), 0 1px 2px rgb(0 0 0 / 0%);
  --postit-color: rgb(250, 225, 149);
  --postit-corder-color: rgb(227,205,136);
}

.dark {
  --background-color-alt: rgb(50, 54, 57);
  --line-color: rgb(86, 86, 86);
  --box-back-color: #484d52;
  --shadow-l1: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

@media print {
  :root {
    --serif: "IBM Plex Serif", serif;
  }
  header:not(.page-title), footer:not(.paper), .claim, #footer, #page-menu, .socials, .bookmarks, .theme, .menu-pop, .breadcrumb {
    display: none !important;
  }
  @page {
    size: a4; /* auto is the initial value */
    margin: 1.5cm 2cm; /* this affects the margin in the printer settings */
  }
  body {
    margin: 0;
  }
  #page-content {
    display: table;
    font-size: 10pt;
    font-family: var(--serif);
  }
  #page-content h2 {
    page-break-before: avoid;
  }
  #page-content h2:not(:first-of-type) {
    page-break-before: always;
  }
  #page-content dl {
    page-break-inside: avoid;
  }
  #page-content aside {
    display: none;
  }
  a:after {
    font-family: Courier New, Courier, monospace;
    content: " [" attr(href) "]";
  }
  #page-header .logo {
    width: 1.8cm;
  }
}