index.css

:root {
    --text-border: -2px -2px 0 black, -2px -1px 0 black, -2px 0px 0 black,
        -2px 1px 0 black, -2px 2px 0 black, -1px -2px 0 black, -1px -1px 0 black,
        -1px 0px 0 black, -1px 1px 0 black, -1px 2px 0 black, 0px -2px 0 black,
        0px -1px 0 black, 0px 0px 0 black, 0px 1px 0 black, 0px 2px 0 black,
        1px -2px 0 black, 1px -1px 0 black, 1px 0px 0 black, 1px 1px 0 black,
        1px 2px 0 black, 2px -2px 0 black, 2px -1px 0 black, 2px 0px 0 black,
        2px 1px 0 black, 2px 2px 0 black;
    /* why */
    --monospace: Consolas, Monaco, Lucida Console, Liberation Mono,
        DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New; /* i stole this btw hehe */
}

body {
    background-color: #1e1e1e; /* default value */
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    text-align: center;
    text-shadow: var(--text-border);
}

h2 {
    text-shadow: var(--text-border);
}

p {
    text-shadow: var(--text-border);
}

a {
    text-align: center;
    text-shadow: var(--text-border);
}

a:link {
    color: #00bcd4;
}

a:visited {
    color: #00da75;
}

label {
    text-shadow: var(--text-border);
}

#bytebeat-code {
    font-family: var(--monospace);
    background-color: #000000;
    color: white;
}

#cont1 {
    text-align: center;
}

ste {
    color: #00ff00;
    text-shadow: var(--text-border);
}

reo {
    color: #ff00ff;
    text-shadow: var(--text-border);
}

#noscripttext {
    /* make it way too obvious */
    background-color: white;
    text-shadow: 2px 9px blue;
    animation-name: noscriptstuff;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

@keyframes noscriptstuff {
    to {
        color: red;
    }
    from {
        color: yellow;
    }
}

#displayText {
    display: inline;
    font-family: var(--monospace);
    background-color: #00000050;
    border-radius: 20px;
}

red {
    color: red;
    text-shadow: var(--text-border);
}