@font-face {
    font-family: "3270 Nerd Font";
    src: url("fonts/3270/3270NerdFont-Condensed.ttf") format("truetype");
    src: url("fonts/3270/3270NerdFont-Regular.ttf") format("truetype");
    src: url("fonts/3270/3270NerdFont-SemiCondensed.ttf") format("truetype");

    src: url("fonts/3270/3270NerdFontMono-Condensed.ttf") format("truetype");
    src: url("fonts/3270/3270NerdFontMono-Regular.ttf") format("truetype");
    src: url("fonts/3270/3270NerdFontMono-SemiCondensed.ttf") format("truetype");

    src: url("fonts/3270/3270NerdFontPropo-Condensed.ttf") format("truetype");
    src: url("fonts/3270/3270NerdFontPropo-Regular.ttf") format("truetype");
    src: url("fonts/3270/3270NerdFontPropo-SemiCondensed.ttf") format("truetype");
}

body {
    font-family: "3270 Nerd Font", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 16pt;

    width: 98%;
    margin: auto;
    padding: 40px;

    background-color: #000F08;
    color: #FFFFFF;
}

h1 {
    font-family: "Press Start 2P", monospace;
    font-size: 60pt;
    font-weight: 700;
    color: #149414;
}

h2 {
    font-size: 40px;
    font-weight: 700;
    color: #149414;
}

h3 {
    font-size: 30px;
    font-weight: 700;
}

.hbar {
    background-color: #149414;
    padding: 2px;
    margin: 10px auto;
}

.vspace {
    padding: 10px;
    margin: auto;
}