/* This stylesheet contains all the animation styles used fo this project */

.container-cta {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #0000 18.75%, #3b82f6 0 31.25%, #0000 0),
        linear-gradient(45deg, #0000 18.75%, #3b82f6 0 31.25%, #0000 0),
        linear-gradient(135deg, #0000 18.75%, #3b82f6 0 31.25%, #0000 0),
        linear-gradient(45deg, #0000 18.75%, #3b82f6 0 31.25%, #0000 0);
    background-size: 60px 60px;
    background-position:
        0 0,
        0 0,
        30px 30px,
        30px 30px;
    animation: slide 4s linear infinite;
}

@keyframes slide {
    to {
        background-position:
        60px 0,
        60px 0,
        90px 30px,
        90px 30px;
    }
}

.animation-bg {
    background: linear-gradient(
    135deg,
    #121212 25%,
    #1a1a1a 25%,
    #1a1a1a 50%,
    #121212 50%,
    #121212 75%,
    #1a1a1a 75%,
    #1a1a1a
    );
    background-size: 40px 40px;

  /* Animation */
    animation: move 4s linear infinite;
}

@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 40px 40px;
    }
}