:root {
	--anime-transition-time-default: 400ms;
    }

.background_grow{
    /* animation-duration: 40s; */
    animation-name: background_grow_animate;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards; 
    animation-iteration-count: infinite;
    }

@keyframes background_grow_animate {
    0%,100% {
        background-size: 100%;
        filter: contrast(80%);
        }
    45%,55% {
        background-size: 150%;
        filter: contrast(120%);
        }
}

.background_grow_x{
    /* animation-duration: 40s; */
    animation-name: background_grow_x_animate;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards; 
    animation-iteration-count: infinite;
    }

@keyframes background_grow_x_animate {
    0%,100% {
        background-size: 100% 100%;
        filter: contrast(80%);
        }
    45%,55% {
        background-size: 160% 100%;
        filter: contrast(120%);
        }
}

.background_grow_y{
    /* animation-duration: 40s; */
    animation-name: background_grow_y_animate;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards; 
    animation-iteration-count: infinite;
    }

@keyframes background_grow_y_animate {
    0%,100% {
        background-size: 100% 100%;
        filter: contrast(80%);
        }
    45%,55% {
        background-size: 100% 180%;
        filter: contrast(120%);
        }
}

.background_move_x{
    /* animation-duration: 40s; */
    animation-name: background_move_x_animate;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards; 
    animation-iteration-count: infinite;
    }

@keyframes background_move_x_animate {
    0%,100% {
        background-size: 110%;
        background-position: 0% center;
        }
    45%,55% {
        background-size: 110%;
        background-position: 100% center;
        }
}

.background_move_y{
    /* animation-duration: 40s; */
    animation-name: background_move_y_animate;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards; 
    animation-iteration-count: infinite;
    }

@keyframes background_move_y_animate {
    0%,100% {
        background-size: 110%;
        background-position: center 0%;
        }
    45%,55% {
        background-size: 110%;
        background-position: center 100%;
        }
}

.fade_in{
    animation-duration: 2s;
    animation-name: fade_in_animate;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards; 
    }

@keyframes fade_in_animate {
    0% {
        opacity: 0;
        }
    100% {
        opacity: 1;
        }
}