@font-face {
    font-family: Tw Cen MT Regular;
    src: url('/static/TCM_____.TTF');
}

@font-face {
    font-family: HeyOctober;
    src: url('/static/HeyOctober-Yz37y.ttf');
}

@font-face {
    font-family: Insecure;
    font-weight: bold;
    src: url('/static/Insecure-rgWJO.ttf');
}

@font-face {
    font-family: Moon30;
    src: url('/static/MOON30_.ttf');
}

body {
    min-height: 100%;
    background-image: url("static/RingDown_lines_Full_X02A.png");
    background-position: top center;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: fixed;
    background-color: black

}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

h1 {
    color: white;
    font-family: Aware Bold;
    font-size: 30px;
    margin: 30px 20%
}

h2 {
    color: white;
    font-family: HeyOctober;
    margin: 5% 10%;
    text-align: center;
}

h3{
    text-align: center;
}


pre {
    color: white;
    font-family: Arial, sans-serif;
}

p {
    color: white;
    font-family: Tw Cen MT Regular;
    font-size: 21px;
    text-align: justify;
    margin: 0% 10%
}

p.HUD {
    color: white;
    font-family: Moon30;
    font-size: 23px;
    text-align: left;
    margin: 0% 15%
}

h3 {
    color: white;
    font-family: Insecure;
    font-size: 30px;
    margin: 1% 10%
}

h4 {
    color: white;
    font-family: HeyOctober;
    font-size: 30px;
    margin: 1% 10%

}


a.class1 {
    color: white;
    font-family: HeyOctober;
    font-size: 20px;
}


a.class2 {
    color: white;
    font-family: Arial, sans-serif;
    font-size: 20px;
}

img.margin-vertical {
    margin-top: 3em;
    margin-bottom: 3em;
}

.center-container {
    width: 100%;
    display: flex;
    justify-content: center;
}

.chapter-link {
    margin-left: 1em;
    margin-right: 1em;
    color: white;
    font-family: HeyOctober, sans-serif;
    font-size: 20px;
}

.chapter-link2 {
    margin-left: 3em;
    margin-right: 1em;
    color: white;
    font-family: Moon30;
    font-size: 30px;
}