body,
footer {
    background-color: #393536;
}

main {
    background-color: white;

    color:#6A4748;
    font-family: "Roboto", sans-serif;
    font-style: italic;
    font-weight: 500;

    h2 {
        color:#CC8426;
        font-size: larger;
    }
}

video {
    width: 100%;
    height: 500px;
    object-fit: cover;

    @media (max-width: 960px) {
        height: 260px;
    }
}

h1 {
    span {

        &:nth-child(2) {
            color:#CC8426;
        }
    }
}

h1,
#call-to-action div:nth-child(2){
    font-family: "Amatic SC", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 50px;

    text-align: center;
}

#doigt {
    &:visi {
        outline: 2px solid #CC8426;
    }
}

#fleche_container {
    flex: 0 1 20%;
    max-width: 20%;
    img {
        width: 100%;        /* clé importante */
        height: auto;
        transform: scaleY(1.25);
        transform-origin: center;
    }
}

#call-to-action
{
    max-width: 900px;
    margin: auto;
}

#call-to-action,
footer h2 span {
   background-color: #CC8426;
}

.discutons {
    overflow: hidden;
    aspect-ratio: 3 / 4;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;

        animation: jump-shaking 1s infinite;
    }
}

#contact {
    h2 {
        font-weight: bold;
        transform: rotate(-6deg);
        transform-origin: bottom left;
    }
}

@keyframes jump-shaking {
    0% { transform: translateX(0) }
    25% { transform: translateY(-9px) }
    35% { transform: translateY(-9px) rotate(5deg) }
    55% { transform: translateY(-9px) rotate(-5deg) }
    65% { transform: translateY(-9px) rotate(5deg) }
    75% { transform: translateY(-9px) rotate(-5deg) }
    100% { transform: translateY(0) rotate(0) }
}