body {
    background-image: url(./assets/logos/LouisHeads2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120%;
    background-position-y: -10vh;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.main-container {
    width: 100% !important;
    height: 90%;
    display: flex;
    align-items: center;
}

.modal {
    line-height: 0 !important;
    background-color: transparent;
    top: 50% !important;
    transform: translateY(-50%) scaleX(1) scaleY(1) !important;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
}

.modal-content {
    padding: 0 !important;
    line-height: 0 !important;
}

video {
    border-radius: 1%;
}

.carousel {
    height: 90% !important;
}

.carousel>a {
    width: 25vw !important;
    height: 100%;
    display: flex;
    align-items: center;
}

.arrow {
    padding: 0 5vw;
}

.arrow>img {
    width: 6vw;
}

#handSwipe {
    position: absolute;
    bottom: 17%;
    left: 25%;
    width: 12vw;
    z-index: 3;

    opacity: 1;
    animation: fadingSwipe 20s infinite;
}

@keyframes fadingSwipe {
    0% {
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    45% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

#handTap {
    position: absolute;
    bottom: 13%;
    right: 47%;
    width: 7.5vw;
    z-index: 3;

    animation: fadingTap 20s infinite;
}

@keyframes fadingTap {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    55% {
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

#handSwipe>img,
#handTap>img,
#videoClose>img {
    width: 100%;
}

/* .modalCloser {
    position: absolute;
    right: calc(50% - 3vw);
    bottom: 10%;
    width: 6vW;
    z-index: 1003;
    display: block;
    opacity: 1;
}

.hide-element {
    display: none;
}

.element-transition.hide-element {
    display: block;
    opacity: 0;
}

.element-transition {
    transition: opacity 0.1s ease;
} */

footer {
    display: flex;
    position: fixed;
    bottom: 0%;
    width: 100%;
    height: auto;
    justify-content: center;
}

footer>img {
    width: 50%;
}

#avare {
    background-image: url(./assets/posters/avare.jpg);
}

#tropez {
    background-image: url(./assets/posters/tropez.jpg);
}

#aile {
    background-image: url(./assets/posters/aile.jpg);
}

#folie {
    background-image: url(./assets/posters/folie.jpg);
}

#gendarme {
    background-image: url(./assets/posters/gendarme.jpg);
}

#orchestre {
    background-image: url(./assets/posters/orchestre.jpg);
}

#oscar {
    background-image: url(./assets/posters/oscar.jpg);
}

#hibernatus {
    background-image: url(./assets/posters/hibernatus.jpg);
}

#tatoue {
    background-image: url(./assets/posters/tatoue.jpg);
}

#zizanie {
    background-image: url(./assets/posters/zizanie.jpg);
}