.error-screen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(344deg, #deefff, #ffffff);
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    display: none;
}
.error-screen.active{
    display: flex;
}
.error-screen img {
    max-width: clamp(180px, 38vw, 450px);
    max-height: clamp(200px, 45vh, 450px);
    margin: 20px;
}
body:has(.error-screen.active) #shop {
    display: none;
}
.error-screen span {
    font-variant: all-small-caps;
    font-size: var(--fs-500);
}