a.hoverlink {
    display: inline-block;
    letter-spacing: 0.05em;
}

a.hoverlink::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: var(--color-red);
    transition: width .3s;
}

a.hoverlink:hover::after {
    width: 100%;
}

h1 {
    color: var(--color-blue);
    font-size: calc(var(--font_size-h2) * 1.2);
}
h2, h3, h4, h5 {
    color: var(--color-blue);
    margin-top: var(--space-l);
}

h2 {
    font-size: var(--font_size-h2);
}
h3, h4, h5 {
    font-size: var(--font_size-p);
}

p, ul {
    color: var(--color-blue);
    font-size: var(--font_size-p);
    margin: var(--space-m) 0;
}
ul {
    margin-left: 1.4rem;
}