@font-face {
    font-family: "Natural Mono";
    src: url(natural-mono-regular.ttf);
}

body {
    background-color: #3c1e78;
    color: #EFEFEF;
    text-align: left;
    font-family: "Helvetica", sans-serif;
    margin: 0;
}

a:link {
    color: #CC88FF; /* #8844CC; */
}

a:visited {
    color: #AA66DD; /* #6622AA; */
}

a:hover {
    color: #8844BB; /* #442288; */
}

a:active {
    color: #662288; /* #221144; */
}

table {
    border-collapse: collapse;
}

table, td {
    border: 1px solid;
}

td {
    padding: 5px;
}

thead td {
    font-weight: bold;
}

div.bg {
    /*background-color: #202020AA;*/
    padding: 0;
    min-height: 100vh;
}

div.bg * {
    min-height: initial;
}

div.content {
    margin: 0px max(calc((100vw - 1000px) / 2), 0px); /* (w - x)/2 = p */
    padding: 2vmin;
    background-color: #241e27;
    min-height: 80vh;
}

.title-div {
    background-color: #3c1e78; /* #6E00B3; */ /* #0f071e; */
}

.title-div h1.title {
    font-family: "Natural Mono", monospace;
    font-size: xx-large;
    margin-right: auto;
    padding: 14px 16px;
    text-align: center;
}