@font-face {
    font-family: 'Pixellari';
    src: url('../fonts/Pixellari.ttf');
    src: url('../fonts/Pixellari.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pixellari.woff2') format('woff2'),
        url('../fonts/Pixellari.woff') format('woff'),
        url('../fonts/Pixellari.svg#Pixellari') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

* {
    box-sizing: border-box;
}

body {
    background-image: url("../images/fond\ 2\ Agent\ Arjean.png");
    background-size: cover;

}

.entree {
    display: flex;
    flex-wrap: wrap;
}

.affiche {
    flex-basis: 100%;
    text-align: center;
}

.title {
    margin-top: 4%;
    margin-bottom: 8%;
    width: 40%;
}

footer {
    position: absolute;
    top: 94%;
    font-family: 'Pixellari';
    color: white;
    font-size: 1.2em;
}

.btnPlay {
    animation: upAndDown 3s ease infinite;
    width: 10%;
}

.btnPlay:hover {
    cursor: pointer;
    src: url("images/BTN_jouer_enfoncé.png");
}

@keyframes upAndDown {
    0% {
        transform: translateY(0px)
    }

    25% {
        transform: translateY(10px)
    }

    50% {
        transform: translateY(0px)
    }

    75% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0px)
    }
}