main {
    padding: var(--spacing-12) var(--spacing-4);
}

main h1 {
    margin-bottom: var(--spacing-8);
    text-align: center;
}

main section {
    margin-bottom: var(--spacing-8);
}

main section h2 {
    margin-bottom: var(--spacing-4);
    color: var(--color-primary);
}

main section p {
    margin-bottom: var(--spacing-4);
}

@media (max-width: 768px) {
    main {
        padding: var(--spacing-8) var(--spacing-2);
    }

    main h1 {
        font-size: var(--font-size-4xl);
    }
}