body {
    counter-reset: nivel1;
}

h3 {
    counter-increment: nivel1;
}

h3::before {
    content: "Tarea " counter(nivel1) ". ";
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 1.25em;
    color: coral;
    font-family: Arial, Helvetica, sans-serif;
}

section:nth-child(2) h3::before {
    color: coral
}

section:nth-child(3) h3::before {
    color: cyan
}

section:nth-child(4) h3::before {
    color: magenta
}

section {
    counter-reset: nivel2;
}

section p {
    counter-increment: nivel2;
    margin-left: 65px;
}

section>p {
    counter-reset: nivel3;
}

section>p::before {
    content: counter(nivel1) ". " counter(nivel2) ". ";
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 1.2em;
}

section div {
    counter-reset: nivel3;
}

section div>p{
    counter-increment: nivel3;
    margin-left: 125px;
    display: flex;
    align-items: center;
}

section div>a{
    margin-left: 125px;
}

section div>p::before {
    content: "\f0a9 ";
    font-weight: bold;
    margin-right: 0.3em;
    font-size: 2.5em;
    color: darkorange;
    font-family: 'FontAwesome';
    line-height: 1;
}