h1 {
    font-size: calc(var(--font-size) * 8);
    color: var(--color-primario);
}

h2 {
    margin-top: .4em;
    font-weight: 300;
}

.error {
    font-size: var(--font-size);
    text-align: center;
    margin: 4em 0;
}

.error-content > p > a {
    color: var(--color-primario);
    text-decoration: none;
}

.error-redes {
    margin-top: 2em;
}

.error-redes a {
    margin-right: .6em;
}

.error-redes a:last-child {
    margin-right: 0;
}

.error-redes a:hover {
    text-decoration: none;
}

.error-redes img {
    filter: invert(53%) sepia(64%) saturate(2585%) hue-rotate(360deg) brightness(101%) contrast(107%);
    width: 1.25em;
}