body, html{
    background-color: #001F2C ;
    animation: anima-bg 20s infinite;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
span.anima-bg{
    position: absolute;
    background-image: radial-gradient(circle, #FF5710 0%, #00000000 70%);
    opacity: 0.3;
    transform: translate(-50%, -50%);
    height: 60%;
    aspect-ratio: 1 / 1;
    top: calc(50%);
    left: calc(50%);
    animation: anima-bg-size 30s infinite linear, anima-bg-light 4s infinite ease/*, anima-bg-position 20s infinite linear*/;
}
.bg-primary-transparent{ background-color: #000000c5; }
.main-blur{ backdrop-filter: blur(4px); }
body, html{ background-color: #000;}
@keyframes anima-bg-size {
    0%{
        width: 555px;
    }
    20%{
        width: 222px;
    }
    40%{
        width: 444px;
    }
    70%{
        width: 666px;
    }
    100%{
        width: 555px;
    }
}
@keyframes anima-bg-size {
    0%{
        opacity: 0.35;
    }
    25%{
        opacity: 0.60;
    }
    50%{
        opacity: 0.35;
    }
    75%{
        opacity: 0.80;
    }
    100%{
        opacity: 0.35;
    }
}
@keyframes anima-bg-position {
    0%{
        top: 36%;
        left: 38%;
    }
    20%{
        top: 40%;
        left: 44%;
    }
    40%{
        top: 36%;
        left: 40%;
    }
    60%{
        top: 33%;
        left: 35%;
    }
    80%{
        top: 36%;
        left: 30%;
    }
    100%{
        top: 33%;
        left: 38%;
    }
}