body{
    height: 100vh;
    width: 100vw;
    display: grid;
    place-content: center;
    perspective: 400px;
    transform-style: preserve-3d;
    filter: url("#turb_1");
    
}

@keyframes rotation {
    0%, 40%{
           transform: rotateX(75deg) rotateZ(var(--startAngle));
    }
    100%{
           transform: rotateX(75deg) rotateZ(calc(var(--startAngle) + 360deg));
    }
}
.cube{
    --startAngle : 25deg;

    display: grid;
    place-content: center;
    transform-style: preserve-3d;
    transform: rotateX(75deg) rotateZ(var(--startAngle)) translate(0 10vh);
    animation: rotation 8s linear alternate infinite;
   
}
.cube__half{
--height: 35vh;
--width: 35vh;

--color_1: black;
--color_2: white;
--orientation : 1;
--bg:   repeating-linear-gradient(
            calc( var(--orientation) * 90deg),
            var(--color_1) 0 4px, var(--color_2) 6px 42px, var(--color_1) 40px 45px),
        repeating-linear-gradient(
            calc( var(--orientation) * 180deg),
            var(--color_2) -1px 1px, var(--color_1) 5px 6px, var(--color_2) 55px 60px);

    grid-area: 1/1;
    height: var(--height);
    width: var(--width);
    transform-style: preserve-3d;
    background: var(--bg);
    background-blend-mode: overlay;

    &:nth-child(1){
        transform-origin: top center;
        transform: rotateX(90deg);
        --orientation : 0;
        &::after{
            --orientation : -1;
            transform-origin: left center;
            transform: rotateY(90deg);
        }
        &::before{
            transform-origin: left bottom;
            transform: rotateY(90deg) rotateX(-90deg);  
        }

    }
    &:nth-child(2){
        transform-origin: bottom center;
        transform: rotateX(-90deg);

        &::after{
            transform-origin: right center;
            transform: rotateY(-90deg);
        }
        &::before{
            transform-origin: right bottom;
            transform: rotateY(-90deg) rotateX(-90deg);  
        }
    }

    &::after, &::before{
    content: '';
    position: absolute;
    inset: 0;
    background: var(--bg);
    background-blend-mode: overlay;
    
}
}