.shadow {
    background: rgb(0, 0, 0);
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0) 30%,
        rgba(0, 0, 0, 0) 70%,
        rgba(0, 0, 0, 1) 100%
    );
    position: absolute;
    left: 0;
    top: 0;
}

.card-face {
    image-rendering: auto;
}

.card,
#terminal > div {
    box-shadow: -27.1px 62.5px 125px -25px hsla(0, 0%, 0%, 0.5),
        -16.2px 37.5px 75px -37.5px rgba(0, 0, 0, 0.6);
}

#stage {
    background-color: #1f2937;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%230d121a' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
