@font-face {
  font-family: Miracode;
  src: url(Miracode.ttf) format("ttf");
}
@font-face {
  font-family: "Uiua386";
  src: url("Uiua386Color.woff2");
}
:root {
    background-color: #181926;
    color: #cad3f5;
    font-family: Miracode;
    --em: white;
}
a {
    color: inherit;
    text-decoration-color: #7dc4e4;
}
act {
    color: #fc77be;
    text-transform: none;
    text-shadow: 0 0 5px #fc77be;
}
act a, uiua a {
    text-decoration: none;
}
a:visited {
    color: inherit;
    text-decoration-color: #8aadf4;
}
b {
    color: #a6da95;
}
i {
    color: #eed49f;
}
n {
    color: #a6adc8;
}
uiua {
    font-family: Uiua386;
    text-transform: none;
}
video {
    max-width: 30%;
    resize: both;
}
summary {
    color: #c6a0f6;
}
details:nth-child(1 of details:not([open])) summary::after {
    content: " [click to expand]";
    opacity: 0.5;
}
.ansi2html-content { display: block; white-space: pre-wrap; word-wrap: break-word; }
.body_foreground { color: #AAAAAA; }
.body_background { background-color: #000000; }
.inv_foreground { color: #000000; }
.inv_background { background-color: #AAAAAA; }
.ansi1 { font-weight: bold; }
.ansi38-2 { color: #00aa00; }
.ansi38-3 { color: #aa5500; }
.ansi38-4 { color: #0000aa; }
.ansi38-5 { color: #E850A8; }
.ansi38-6 { color: #00aaaa; }
.ansi38-8 { color: #7f7f7f; }
.ansi38-12 { color: #5c5cff; }
.ansi38-13 { color: #ff00ff; }
.ansi38-14 { color: #00ffff; }

.box {
    padding: 0.2cm;
    margin: 0.2cm;
    border: thin solid #fab387;
    background-color: #1e1e2e;
    border-radius: 8px;
    width: max-content;
    box-shadow: 0 0 0 0
}

@media (prefers-color-scheme: light) {
    :root {
        background-color: #dce0e8;
        color: #4c4f69;
        --em: black;
    }
    a {
        color: inherit;
        text-decoration-color: #209fb5;
    }
    a:visited {
        text-decoration-color: #1e66f5;
    }
    b {
        color: #40a02b;
    }
    i {
        color: #df8e1d;
    }
    summary {
        color: #8839ef;
    }
    n {
        color: #6c6f85;
    }
}