p {
    margin: 0.8em;
}

h1 {
    font-size: 3em;
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 2em;
    font-weight: bold;
    margin-top: 1.5em;
    margin-bottom: 0.3em;
}

h3 {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 1.2em;
    margin-bottom: 0.2em;
}

h4 {
    font-size: 1em;
    font-weight: bold;
    margin-top: 0.6em;
    margin-bottom: 0.1em;
}

p.danger,
i.danger,
h1.danger,
h2.danger,
h3.danger,
h4.danger,
h5.danger,
h6.danger,
span.danger,
strong.danger {
    color: var(--color-danger);
}


p.success,
i.success,
h1.success,
h2.success,
h3.success,
h4.success,
h5.success,
h6.success,
span.success,
strong.success {
    color: var(--color-success);
}