/**** Animated Background ****/
.animated_background {
    position: relative;
    overflow: hidden;
}
.animated_background > .container {
    position: relative;
    z-index: 5;
}
.animated_background::before {
    z-index: 1;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /*transform-origin: 0 -30%;*/
    transform-origin: -20%;
    height: 200%;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(150px);
    -webkit-animation: spin_animated_banner 40s linear infinite;
    animation: spin_animated_banner 40s linear infinite;
}
.animated_background > #grained {
    z-index: 3;
    content: '';
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%;
    /*opacity: 0.2;*/
    opacity: 0;
}
@-webkit-keyframes spin_animated_banner {
    0% { -webkit-transform: rotate(0deg) translate(-50%,-50%); }
    50% { -webkit-transform: rotate(70deg) translate(-50%,-50%) scale(0.8);}
    100% { -webkit-transform: rotate(0deg) translate(-50%,-50%); }
}
@keyframes spin_animated_banner {
    0% { transform: rotate(0deg) translate(-50%,-50%); }
    50% { transform: rotate(70deg) translate(-50%,-50%) scale(0.8);}
    100% { transform: rotate(0deg) translate(-50%,-50%); }
}
/*** Colors ***/
.animated_background.royal-blue_background::before {
    background-image: url('assets/royal-blue_background.svg');
}
.animated_background.steel_background::before {
    background-image: url('assets/steel_background.svg');
}
.animated_background.grass_background::before {
    background-image: url('assets/grass_background.svg');
}
.animated_background.rust_background::before {
    background-image: url('assets/rust_background.svg');
}