@font-face {
  font-family: "Frutiger";
  src: url("/font/Frutiger.ttf") format("truetype");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Frutiger";
  src: url("/font/Frutiger_bold.ttf") format("truetype");
  font-display: swap;
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "sanxelda";
  src: url("/font/sanxelda.ttf") format("truetype");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Menlo";
  src: url("/font/Menlo_regular.ttf") format("truetype");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Blonde";
  src: url("/font/Blonde.ttf") format("truetype");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}
.divider,
hr {
  border: none;
  border-top: 1px solid var(--color-border-secondary);
  margin: 32px auto;
}

.divider {
  margin: 64px auto;
}

img {
  width: 100%;
}

::marker {
  color: var(--color-text-secondary);
}

blockquote {
  border-left: 4px solid var(--color-border-primary);
}

pre,
code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

pre {
  font-size: 14px;
}

code {
  font-size: 0.9em;
  background-color: var(--color-background-secondary);
  padding: 2px 4px;
  border-radius: var(--radius-tiny);
}
@container document-body style(--config-corner-squircle: true) {
  @supports (corner-shape: squircle) {
    code {
      corner-shape: squircle;
      --radius-tiny: 10px;
      --radius-small: 20px;
      --radius-medium: 30px;
      --radius-large: 40px;
      --radius-full: 999px;
    }
    code * {
      --radius-tiny: 4px;
      --radius-small: 8px;
      --radius-medium: 12px;
      --radius-large: 16px;
      --radius-full: 999px;
    }
  }
}