/* Conteneur de l'animation */
.mail-animation {
    position: relative;
    width: 100%;
    height: 200px;
    margin: 50px auto;
    text-align: center;
}

/* Style de la lettre */
.letter {
    font-size: 40px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    animation: fall 2s ease-in-out infinite;
}

/* Style de la boîte aux lettres */
.mailbox {
    font-size: 60px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

/* Animation de la lettre qui tombe */
@keyframes fall {
    0% {
        top: 0;
        transform: translateX(-50%) rotate(0deg);
    }
    100% {
        top: 80%;
        transform: translateX(-50%) rotate(360deg);
    }
}