.okvir{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 88vh;
    background: #240229;
}

.nalagalnik{
    position: relative;
    width: 23.4375vw;
    height: 32.608695652173914vh;
    background: linear-gradient(#14ffe9, #ffeb3b, #ff00e0);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: animate 5s linear infinite;
    -webkit-animation: animate 5s linear infinite;
}

@keyframes animate {
    0%{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
}
    100%{
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
}
}

.nalagalnik span {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(#14ffe9, #ffeb3b, #ff00e0);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.nalagalnik span:nth-child(1) {
    filter: blur(3.8vw);
    -webkit-filter: blur(3.8vw);
}

.nalagalnik span:nth-child(2) {
    filter: blur(7.5vw);
    -webkit-filter: blur(7.5vw);
}

.nalagalnik span:nth-child(3) {
    filter: blur(15vw);
    -webkit-filter: blur(15vw);
}

.nalagalnik span:nth-child(4) {
    filter: blur(30vw);
    -webkit-filter: blur(30vw);
}

.nalagalnik:after {
    content: '';
    position: absolute;
    top: 1.0869565217391304vh;
    left: 0.78125vw;
    right: 0.78125vw;
    bottom: 1.0869565217391304vh;
    background: radial-gradient(to right, red, orange, yellow, blue, indigo, violet);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.trzinka{
    position: relative;
    background-repeat: no-repeat;
    background-attachment: fixed;
    top: -25vh;
    left: 7.5vw;
}