body {
    background-color: #291f34;
}

.container {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform-origin: 48% 48%;
    mix-blend-mode: screen;
}
.box:nth-child(1){
     background-color: #0801fb;
    -webkit-animation: turn 3s linear 0s infinite;
    animation: turn 3s linear 0s infinite;
}
.box:nth-child(2){
      background-color: #1ffe27;
    -webkit-animation: turn 3s linear -1s infinite;
    animation: turn 3s linear -1s infinite;
}
.box:nth-child(3){
      background-color: #fd1a20;
    -webkit-animation: turn 3s linear -2s infinite;
    animation: turn 3s linear -2s infinite;
}


@keyframes turn {
    to {
        transform: rotate(360deg);
    }
}