@keyframes moveBackground {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}


@keyframes slideBackground {
    0% {
        background-position: right;
    }

    100% {
        background-position: left;
    }
}


@keyframes fillOpacity {
    100% {
        fill-opacity: 1;
    }
}

@keyframes draw {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes back {
    0%, 29.99% {
        background-image: url("../img/B.jpg");
        opacity: 0;
    }

    30%, 49.99% {
        background-image: url("../img/F1.jpg");
        opacity: 1;
    }

    50%, 69.99% {
        background-image: url("../img/F2.jpg");
        opacity: 1;
    }

    70%, 100% {
        background-image: url("../img/F3.jpg");
        opacity: 1;
    }
}