body{
    padding: 0;
    margin: 0;
}

canvas{
    width: 100vw;
    height: 100vh;
    position: absolute;
}
#canvas{
    background: linear-gradient(0deg, grey, black);
    z-index:1;
}
#canvasb{
    z-index: 2;
}

#svg-container{
    position: absolute;
    z-index: 3;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* path{
    animation-name: rotate;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-delay: 0;
    animation-duration: 5s;

    transform-origin: center;
    background: pink;
} */

@keyframes rotate{
    0%{
        
    }
    50%{
        transform: rotate(360deg);
    }
    100%{
        /* transform: rotate(360deg); */
    }
}