*{
    box-sizing: border-box;
    padding : 0;
    margin : 0;
}

::root{

    -color-bg : #0f1431;

}

body{
    background-color: var(-color-bg);
}

#scene{
    position: relative;
    perspective: 1200px;
    width: 200px;
    height: 200px;
}

.round{
    position: relative;
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    transform: rotateX(74deg);
    animation : rotation 30s linear infinite;
    box-shadow: ;

}

@keyframes rotation{

    0%{
        transform: rotateX(74deg) rotateZ(0deg);
        background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='white' stroke-width='12' stroke-dasharray='11%2c 7%2c 19%2c 24' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    }
    100%{
        transform: rotateX(74deg)  rotateZ(360deg);
    }
}