body {
    background: #222222;
    color: #fffff0; /* Ivory font */
    font-family: "Times New Roman", "Fira Mono", "Liberation Mono", "DejaVu Sans Mono", monospace;
    margin: 0;
    padding: 48px;
}

.site-border {
    #border: 2px solid #ff0000;
    max-width: 900px; /* A4 width in pixels at 72dpi */
    margin-left: auto;
    margin-right: auto;
    padding: 0; /* Remove any extra padding that might expand it */
}

h1, h2 {
    color: #B3EBF2;
    font-size: 26px;
    text-align: center;
    margin-bottom: 18px;
}

p {
    font-size: 16px;
    margin: 0 0 10px 0; /* Reset margins to avoid overriding the container */
}

h3 {
    color: #80ef80; /* Lime green */
    text-align: left;
    font-size: 20; 
}

a {
    color: #87ceeb;
    text-decoration: underline;
}

a:hover {
    color: #ffffff;
    text-decoration: underline;
}

pre, code, .inherit {
    color: #fffff0; /* Ivory font */
    background: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

img {
    width: 48px;
    height: auto;
    border-radius: 8px;
}