body {
    background-color: rgb(202, 202, 202);
    text-align:center;
    font-family: "Comic Neue", cursive;
}

.formation-container {
    width:fit-content;
    display:flex;
    gap:30px;
    justify-content: center;
    text-align: center;
    margin: 30px auto 50px auto;
    border-color: rgb(251, 255, 0);
    flex-wrap:wrap;
    background-color: rgb(236, 236, 236);
    border-style:outset;
    padding:20px;
    animation-name: animCadreForma;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.formation-gauche {
    max-width: 350px;
    font-size: 13px;
    border-color: rgb(170, 170, 170);
    background-color: rgb(173, 173, 173);
    border-style:outset;
}

.formation-droite {
    max-width: 300px;
    display: flex;
    align-items: center;
    text-align: justify;
    justify-content: space-around;
    flex-direction: column;
}

.formation-droite ul {
    width: 100%;
}

.formation-gauche img {
    width: 100%;
    height: auto;
}

@keyframes animCadreForma {
  0%   {border-color: red;}
  25%  {border-color: yellow;}
  50%  {border-color: blue;}
  100% {border-color: green;}
}