html, body {
    height: 100%;
}

.error img[alt="Not Found"] {
    width: min(540px, 70vw);
    height: auto;
    display: block;
    margin-bottom: 16px;
}

.error h1 {
    margin: 0 0 8px 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

.error p {
    margin: 0 0 32px 0;
    font-size: 16px;
    line-height: 1.5;
    color: color-mix(in srgb, var(--eld-dark) 70%, transparent);
}

@media (max-width: 480px) {
    .error h1 {
        font-size: 24px;
    }

    .error p {
        font-size: 14px;
    }
}