.text {
    margin: 1em 0 1em 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

    padding: 18px 24px 25px 24px;
    background: var(--foreground-color);
    border: solid 2px var(--foreground-border-color);
    border-radius: 0.25rem;

    display: flex;
    flex-direction: column;
}

.md {
    margin: 1em 0 1em 0;
    text-align: justify;

    padding: 18px 24px 25px 24px;
    background: var(--foreground-color);
    border: solid 2px var(--foreground-border-color);
    border-radius: 0.25rem;
}

.md h1, .md h2, .md h3, .md h4, .md h5 {
    margin: 5px 0 10px 0;
}

.md p {
    margin: 16px 0 16px 0;
}

.md hr {
    border: solid 1px var(--foreground-border-color);
    margin: 1em 0 1em 0;
}

.md blockquote {
    margin: 5px 0 5px 0;
    padding: 5px 0 5px 32px;
    border-left: solid 5px var(--foreground-border-color);
    background: var(--background-color);
}

.md blockquote p {
    margin: 0;
}

.md blockquote blockquote {
    padding-left: 16px;
}

.md ul {
    padding-left: 22px;
}

.md ol {
    padding-left: 22px;
}

.md table {
    border-collapse: collapse;
    width: 100%;
}

.md td, .md th {
    border: 1px solid var(--foreground-border-color);
    padding: 8px;
}

.md th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: var(--foreground-border-color);
    color: white;
}

.md code {
    background: var(--code-block);
    padding: 2px 5px 2px 5px;
    border-radius: 0.25rem;
}

.md pre {
    background: var(--code-block);
    padding: 10px 16px 10px 16px;
    margin: 1em 0 1em 0;
    border-radius: 0.25rem;
}

.md pre code {
    background: none;
}

.md dl {
    display: grid;
    grid-template: 10px;
    grid-template
}

.md dl dt {
    font-weight: bold;
}

.md dl dt::after {
    content: ":";
}

.md dl dd {
    margin: 0;
    padding: 0 0 0.5em 32px;
}

.md ul input {
    color: red;
    margin: 0 8px 0 0;
}

.md mark {
    background: #f28718AA;
}