#ErrorTitle {
    position: relative;
    font: var(--logo-font);
    font-size: 2.5rem;
    color: var(--text-color);
    border-bottom: var(--border);
    z-index: 1000;
    z-index: 1;
}

#ErrorAnimation {
    position: relative;
    height: 90vh;
    margin-top: -10vh;
    margin-bottom: -25vh;
    z-index: 0;
}

#ErrorMessage {
    position: relative;
    font: var(--text-font);
    font-size: 1.1rem;
    color: var(--text-color);
    z-index: 1;
}

#ErrorMessage a {
    color: var(--link-color);
    font: var(--text-font);
    font-size: 1.15rem;
}

#ErrorMessage a:hover {
    text-decoration: underline !important;
}

@media (max-width: 576px) {
    #ErrorAnimation {
        scale: 1.25;
        margin-top: calc(-1 * (17.5vh - 7.5vw));
    }
}

@media (max-width: 350px) {
    #ErrorAnimation {
        margin-top: calc(-1 * (25vh - 7.5vw));
    }
}