@font-face {
  font-family: __dogica_6e120b;
  src: url(/_next/static/media/f5c253d1375d9635-s.p.ttf) format('truetype');
  font-display: block;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: __dogica_6e120b;
  src: url(/_next/static/media/aafd3ac3e38d74aa-s.p.woff2) format('woff2');
  font-display: block;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: __dogica_6e120b;
  src: url(/_next/static/media/5ff0b0aa6bbb2020-s.p.woff2) format('woff2');
  font-display: block;
  font-weight: 800;
  font-style: bold;
}
@font-face {
  font-family: __dogica_6e120b;
  src: url(/_next/static/media/dba98d0d7bdc2a51-s.p.ttf) format('truetype');
  font-display: block;
  font-weight: 800;
  font-style: bold;
}
@font-face {
  font-family: __dogica_6e120b;
  src: url(/_next/static/media/2791d33fe1ff545b-s.p.otf) format('opentype');
  font-display: block;
  font-weight: 800;
  font-style: bold;
}
@font-face {
  font-family: __dogica_Fallback_6e120b;
  src: local('Arial');
  ascent-override: 50.5%;
  descent-override: 7.21%;
  line-gap-override: 0%;
  size-adjust: 173.28%;
}
.__className_6e120b {
  font-family: __dogica_6e120b, __dogica_Fallback_6e120b;
}
* {
  box-sizing: border-box;
  image-rendering: crisp-edges;
}
*,
:root {
  image-rendering: pixelated;
}
:root {
  --font-dogica: '__dogica_6e120b', '__dogica_Fallback_6e120b';
  --pixel-size: 5px;
  --color-100: #121b1c;
  --color-200: #e1e9ea;
  --color-300: #635bff;
  --color-400: #fff;
  color: var(--color-100);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-smooth: never;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: none;
  background-color: var(--color-100);
}
@media (max-height: 2600px) or (max-width: 4000px) {
  :root {
    --pixel-size: 4px;
  }
}
@media (max-height: 2150px) or (max-width: 2800px) {
  :root {
    --pixel-size: 3px;
  }
}
@media (max-height: 1700px) or (max-width: 2400px) {
  :root {
    --pixel-size: 2.5px;
  }
}
@media (max-height: 1400px) or (max-width: 2200px) {
  :root {
    --pixel-size: 2px;
  }
}
@media (max-height: 1040px) or (max-width: 1300px) {
  :root {
    --pixel-size: 1.5px;
  }
}
@media (max-height: 720px) or (max-width: 810px) {
  :root {
    --pixel-size: 0.2dvh;
  }
}
body,
html {
  overscroll-behavior-y: none;
  font-family: var(--font-dogica);
  font-size: calc(var(--pixel-size) * 8);
  letter-spacing: calc(var(--pixel-size) * -1);
  line-height: 1;
  max-width: 100vw;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
}
body {
  background-color: var(--color-100);
}
b,
p {
  line-height: 1.6;
}
.notes-footer {
  display: flex;
  flex-direction: column;
  border-top: var(--pixel-size) dotted var(--color-100);
  padding-top: calc(var(--pixel-size) * 8);
  margin-top: calc(var(--pixel-size) * 8);
  gap: calc(var(--pixel-size) * 12);
}
.spacer {
  flex-grow: 1;
}