@font-face {
    font-family: 'MainFont';
    src: url('fonts/MainFont.ttf') format('truetype');
}

@font-face {
    font-family: 'ContFont';
    src: url('fonts/ContFont.ttf') format('truetype');
}

@font-face {
    font-family: 'Mono';
    src: url('fonts/Mono.ttf') format('truetype');
}

p {
    color: white;
    font-family: 'ContFont';
    font-size: 18px;
    line-height: 24px;
}

h1 {
    font-family: 'ContFont';
    color: white;
}

h2 {
    font-family: 'ContFont';
    color: white;
}

h3 {
    font-size: 23px;
    font-family: 'ContFont';
    color: white;
}

pre {
    font-size: 18px;
    line-height: 26px;
    font-family: 'ContFont';
    color: white;
}

.code {
    font-family: 'Mono'; /* Monospaced font for code */
    background-color: #2b2c2f; /* Light gray background */
    color: #8b8b8d; /* Darker text color */
    padding: 10px; /* Adds space inside the element */
    border-radius: 8px; /* Slightly rounded corners */
    white-space: pre-wrap; /* Preserves line breaks and indentation */
    display: block; /* Ensures it spans the full width */
}

a {
    color: #cf9aed;
    font-size: 18px;
}