main {
    max-width: var(--max-width);
    margin: 0 auto 0 auto;
    text-align: left;
    padding-bottom: var(--space-l);
}

@media (max-width: 1450px) {
    main {
        max-width: 100%;
        margin: 0 1rem;
    }
}

header {
    text-align: center;
}

header h1 {
    font-family: "8bitdarling", sans-serif;
    font-size: var(--font-xxl);
    line-height: var(--font-xxl);
    color: var(--color-font-100);
    margin-bottom: 5rem;
    margin-top: 9.5rem;
}

section {
    margin-bottom: 20px;
    background-color: var(--color-main-800);
    padding: 40px 40px 37px 40px;
    border-radius: var(--border-radius-m);
}

section h2 {
    font-size: var(--font-l);
    line-height: var(--font-l);
    color: var(--color-font-100);
    margin-bottom: 20px;
}

section p, section ul {
    line-height: 1.5rem;
    font-size: var(--font-m);
    color: var(--color-font-300);
}

section ul {
    list-style-type: disc;
    margin-left: 20px;
}

.date {
    margin-top: 20px;
    font-size: var(--font-m);
    line-height: var(--font-m);
}