@font-face {
    font-family: 'Heineken';
    src: url('../assets/fonts/HEINEKEN.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body{
    margin: 0;
    padding: auto;
    font-family: 'Heineken';
}

body{
    width: 100vw;
    background: linear-gradient(to right, #005D1F 0%, #277816 50%, #005D1F 100%);
    background-image: url('../assets/images/bg-jouer.svg');
}

li {
    animation-name: flipY;
    animation-duration: calc(var(--i) * 2s);
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

#btn-jouer{
    animation: scale 1.4s cubic-bezier(0.3, 0.4, 0.5, 0.6) infinite;
}

@keyframes scale {
    0%, 100% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1);
    }
}
  
  
@keyframes flipY {
    0% {
        transform: RotateY(360deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}