@font-face {
    font-family: Charter-Saiyix;
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
    src: url("https://fonts.penryu.dev/Charter-Saiyix.woff") format("woff")
}

@font-face {
    font-family: Charter-Saiyix;
    font-style: italic;
    font-weight: normal;
    font-stretch: normal;
    src: url("https://fonts.penryu.dev/Charter-Saiyix-Italic.woff") format("woff")
}

@font-face {
    font-family: Charter-Saiyix;
    font-style: normal;
    font-weight: bold;
    font-stretch: normal;
    src: url("https://fonts.penryu.dev/Charter-Saiyix-Bold.woff") format("woff")
}
@font-face {
  font-family: "argon";
  src: url('https://fonts.penryu.dev/argon-var.woff2') format("woff2 supports variations"), url('https://fonts.penryu.dev/argon-var.woff2') format(woff2) tech(variations);
}

@font-face {
  font-family: "neon";
  src: url('https://fonts.penryu.dev/neon-var.woff2') format("woff2 supports variations"), url('https://fonts.penryu.dev/neon-var.woff2') format(woff2) tech(variations);
}

@font-face {
  font-family: "xenon";
  src: url('https://fonts.penryu.dev/xenon-var.woff2') format("woff2 supports variations"), url('https://fonts.penryu.dev/xenon-var.woff2') format(woff2) tech(variations);
}

body {
    background: #222;
    font-family: Charter-Saiyix;
}

p {
    color: #ccc;
}

h1, h2, h3, h4, h5, h6 {
    color: #ff9a00;
}

#screen_container {
    outline: none;
}
#screen {
    white-space: pre;
    font: 16px xenon, monospace;
    line-height: 16px;
}
#vga {
    display: none;
}