@import url("/assets/fonts/fontlist.css");

body {
    color: #ffffff;
    background-color: #000000;
    font-family: "Determination Mono";
    font-size: 36px;
    margin: 0;
    image-rendering: pixelated;
} h1 {font-size: 1.6em; margin: 0.5em auto;}
h2 {font-size: 1.2em; margin: 0;}

header {font-size: 40px; display: block; margin: 1em auto 1.5em;}
section {margin: 1em 0;}
.center {display: block; width: fit-content; margin-left: auto; margin-right: auto;}
.center .bullets {width: fit-content; margin: 0 auto;} .centercontainer .bullets > p {margin: 0;}
.note {
    font-size: 0.75em;
    display: block;
    position: relative;
    top: -4px;
} input, button {
    font-family: "8BitOperator";
}


.white, a {
    color: #ffffff;
    text-decoration: none;
    filter: drop-shadow(#0f0f70 1px 1px);
} .yellow, a:hover, a:focus {
  	filter: drop-shadow(#4c4c00 1px 1px);
    background-image: repeating-linear-gradient(#ffffc3, #ffff2c 1em, #ffff2c 1.2em);
  	background-clip: text;
  	-webkit-text-fill-color: transparent;
} .blue, a:active {
  	color: #0000ff;
  	filter: drop-shadow(rgb(0, 0, 76) 1px 1px);
    background-image: repeating-linear-gradient(#c3c3ff, #1c1cff 1em, #1c1cff 1.2em);
  	background-clip: text;
  	-webkit-text-fill-color: transparent;
} .grey {
    color: #7f7f7f;
}

ul {margin: 0 0 1em;}
li {list-style-type: "* "; margin-left: 1em;}
.bullettext {margin: 0; margin-left: 1em; line-height: 1;}
.bullettext::before {content: "* "}

.hide-light {display: none;}
@media (prefers-color-scheme: light) {
    body {
        background-color: #ffffff;
        color: #000000;
    } .hide-light {display: initial;}
    .hide-dark {display: none;}

    .red {color: #ff2020; filter: none; -webkit-text-fill-color: initial;}
    .yellow {color: #f9ff10; filter: none; -webkit-text-fill-color: initial;}
    .blue {color: #0000ff; filter: none; -webkit-text-fill-color: initial;}
}

.hidden { visibility: hidden; }
.collapse { display: none; }