@keyframes opacityHide {
    from {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes opacityShow {
    from {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes bgCloud1 {
    from {
        left: 0;
    }
    19% {
        left: -230px;
        z-index: -1;
    }
    20% {
        left: 110%;
        opacity: 0.1;
    }
    40% {
        left: 80%;
        opacity: 1;
    }
    100% {
        left: 0px;
    }
}

@keyframes bgCloud2 {
    from {
        left: 60%;
    }
    69% {
        left: -40px;
        z-index: -1;
    }
    70% {
        left: 120%;
        opacity: 0.1;
    }
    90% {
        left: 90%;
        opacity: 1;
    }
    100% {
        left: 60%;
    }
}

@keyframes slideDown {
    from {
        top: 0%;
    }
    100% {
        top: 20%;
    }
}

@keyframes tavernVideo1 {
    from {
        top: 17%;
        right: 5%;
    }
    100% {
        top: 3%;
        right: 0%;
    }
}

@keyframes tavernVideo2 {
    from {
        bottom: 2%;
        left: 5%;
    }
    100% {
        bottom: -12%;
        left: 3%;
    }
}