/*@each $weight in $weights {
  @each $density in $densities {
    @each $style in $styles {
      @font-face {
        @if ($density != 0) {
          font-family: "Redaction " + $density;
        } @else {
          font-family: "Redaction";
        }
        @if ($style == "Regular") {
          font-style: "normal";
        } @else {
          font-style: string.to-lower-case($style);
        }
        font-display: swap;
        font-weight: $weight;
        src: url("/fonts/redaction/Redaction_" + $density + "-" + $style + ".woff2") format("woff2");
      }
    }
  }
}*/
@font-face {
  font-family: "Redaction";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/redaction/Redaction_0-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/redaction/Redaction_0-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/fonts/redaction/Redaction_0-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 10";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/redaction/Redaction_10-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 10";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/redaction/Redaction_10-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 10";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/fonts/redaction/Redaction_10-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 20";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/redaction/Redaction_20-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 20";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/redaction/Redaction_20-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 20";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/fonts/redaction/Redaction_20-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 35";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/redaction/Redaction_35-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 35";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/redaction/Redaction_35-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 35";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/fonts/redaction/Redaction_35-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 50";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/redaction/Redaction_50-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 50";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/redaction/Redaction_50-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 50";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/fonts/redaction/Redaction_50-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 70";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/redaction/Redaction_70-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 70";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/redaction/Redaction_70-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 70";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/fonts/redaction/Redaction_70-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 100";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/redaction/Redaction_100-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 100";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/redaction/Redaction_100-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Redaction 100";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/fonts/redaction/Redaction_100-Bold.woff2") format("woff2");
}
*, ::before, ::after {
  box-sizing: border-box;
  color-scheme: dark;
}

html, body {
  margin: 0;
  min-height: 100vh;
}

body {
  background-color: #00000f;
  color: white;
  font-family: "Redaction 35";
  font-weight: 400;
  font-size: 20px;
  background-image: url("/scss/background_yoki-suniedit.png");
  image-rendering: pixelated;
}

b {
  font-weight: 700;
}

ul {
  list-style-type: "- ";
}

img {
  image-rendering: smooth;
}

#epic-spax-button img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  margin-bottom: 10px;
  border: 2.5px solid black;
  image-rendering: pixelated;
}

img.pixelart {
  image-rendering: pixelated;
}

section { /* sundae tried section > * and exploded internally */
  padding: 0 20px;
  margin: 10px 20px;
  border: 3.5px solid #6a6afb;
  background-color: #00000f;
}

a {
  color: #acacff;
}

a:visited {
  color: #8585d6;
}

a:focus {
  color: #8d8dff;
}

img.spoiler, .spoiler img {
  filter: blur(30px);
  transition: filter 0.1s linear;
  cursor: pointer;
}

img:hover, img:active, img.clicked {
  filter: blur(0px);
}

table:has(img) {
  width: 1000px;
}

table img {
  width: 100%;
}

hr {
  margin-top: 5px;
  margin-bottom: 50px;
  border: none;
  height: 3.5px;
  background: linear-gradient(90deg, rgba(42, 123, 155, 0) 0%, rgb(106, 106, 251) 25%, rgb(106, 106, 251) 75%, rgba(237, 221, 83, 0) 100%);
}

@media (max-width: 1000px) {
  table:has(img) {
    width: 100%;
  }
}

/*# sourceMappingURL=styles.css.map */