/**
 * ===================================
 * CORNER ROTATE
 * ===================================
 */



/* ROTATE */

@keyframes canvasCornerRotate{

from{

transform:
rotate(0deg);

}

to{

transform:
rotate(360deg);

}

}


/**
 * CORNER MANDALA
 */

.canvas-corner-rotate{

position:absolute;

z-index:5;

pointer-events:none;



}

.canvas-corner-rotate img{

width:100%;

display:block;

animation:
canvasCornerRotate
20s
linear
infinite;

transform-origin:center;

}




/* TOP LEFT */

.canvas-corner-tl{
    top:0;
    left:0;
    transform:translate(-50%, -50%);
}

.canvas-corner-tr{
    top:0;
    right:0;
    transform:translate(50%, -50%);
}

.canvas-corner-bl{
    bottom:0;
    left:0;
    transform:translate(-50%, 50%);
}

.canvas-corner-br{
    bottom:0;
    right:0;
    transform:translate(50%, 50%);
}