.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px;
    box-sizing: border-box;
    font-size: 16px;
}

h1 {
    font-family: LEMONMILK, serif;
    font-size: 48px;
    margin: 40px;
}

/*li:before {*/
/*    content:  "§ ";*/
/*    counter-increment: item*/
/*}*/



ol {
    counter-reset: item
}

li {
    display: block;
    margin: 15px 0;
    white-space: normal;
    word-wrap: break-word;
}


li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
}

ol ol li {
    display: list-item;
    text-align: -webkit-match-parent;
}

li li:before {
    content: "";
}

ol ol {
    list-style: lower-latin;
}

.emailSample {
    background-color: var(--blocked);
    font-family: monospace;
    color: var(--background);
    padding: 20px;
    margin: 20px;
    border-radius: 20px;
    font-size: 18px;
}

@media (max-width: 1300px) {

    .container {
        padding: 40px;
        font-size: 10px;
    }

    h1 {
        font-size: 32px;
    }
}