.error-404 {
    padding-top: calc(var(--header-height) + 70px);
}

.error-404__code {
    font-size: 96px;
    font-weight: 800;
    line-height: 1;
    color: var(--primary-color);
}

.error-404__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 20px;
    margin-top: 10px;
}

.error-404__links a {
    color: var(--main-background-color);
    text-decoration: underline;
}

.error-404__links a:hover {
    color: var(--primary-color);
}

@media screen and (max-width: 768px) {
    .error-404 {
        padding-top: calc(var(--header-height) + 40px);
    }

    .error-404__code {
        font-size: 64px;
    }
}