@font-face {
    font-family: "Custom";
    src: url(NotoSansMono-SemiBold.ttf) format("truetype");
}

html {
    background-color: rgb(63, 13, 42);
    border-left: 1px rgb(117, 30, 81) dashed;
    border-right: 1px rgb(117, 30, 81) dashed;
    color:rgb(219, 219, 219);
    font-family: "Custom", Verdana, Tahoma;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    text-align: justify;
}

#main-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    text-align: justify;
}

#top {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    padding-top: 20px;
    text-align: center;
}

#bottom {
    margin-left: auto;
    margin-right: auto;
    max-width: fit-content;
    padding-top: 10px;
    text-align: center;
}

a { color: inherit; } 

table, th, td {
    padding: 8px;
    border: 1px solid black;
    border-collapse: collapse;
    border-color: rgb(117, 30, 81);
}

.item-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}