:root{
    --loaderBG: url('img/Textures/TransparentStarAndStarsLayerDark.png');
    --loaderBG_01: url('img/Textures/CircleBlackMask.png');
    --loaderGradient: linear-gradient(to top, red, yellow);
    --loaderGradientmobile: linear-gradient(to top, rgb(55, 0, 255), yellow);


}
.LoaderStyle{
    /* background-image: var(--loaderBG); */
    /* background: var(--loaderBG); */
    background: var(--loaderBG_01);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-size: 100%; */
}
.LoaderStyleBG{
    /* background: var(--loaderBG); */
    /* background: var(--loaderBG), linear-gradient(to top, red, yellow); */
    background: var(--loaderGradient);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

}
.animateBG{
    opacity: 1;
    transition-duration: 5s;
    background: var(--loaderBG), linear-gradient(to top, rgb(255, 255, 255), yellow) !important;
    animation-name: incrGradient;
    animation-duration: 5s;
    /* timing-function delay */
    /* animation-iteration-count: 1; */
    /*direction fill-mode; */
}

@keyframes incrGradient {
    /* 0% {background: var(--loaderBG), linear-gradient(to top, red, white) !important;}
    50% {background: var(--loaderBG), linear-gradient(to top, red, yellow) !important;}
    100% {background: var(--loaderBG), linear-gradient(to top, red, red) !important;} */
    0% {opacity:0; background: var(--loaderBG), linear-gradient(to top, red, white) !important;}
    100% {opacity:1; background: var(--loaderBG), linear-gradient(to top, red, red) !important;}
    /* from {background: linear-gradient(to top, red, white) !important;}
    to {background: linear-gradient(to top, red, red) !important;} */
}

.LoaderStyleBGmobile{
    background: var(--loaderGradientmobile) !important;
}

@media screen and (min-width: 200) and (max-width: 500){
    /* .LoaderStyle{
        transform: rotateY('45deg');
        border: 2px solid white;
    } */
    :root{
        --loaderGradientmobile: linear-gradient(to top, rgb(55, 0, 255), yellow);
    }
    body{
        background-color: white !important;
        background-size: 50%;
    }
    .LoaderStyleBGmobile{
        background: var(--loaderGradientmobile);
    }
}