section#contact {
    background-color: #afda6d;
    display         : flex;
    padding-top     : 5%;
    justify-content : center;
}

::placeholder {
    font-family: "M PLUS Rounded 1c",
        sans-serif;
    font-style: normal;
    color     : #318102;
}

#contact-form {
    display        : flex;
    transform      : scale(120%);
    flex-direction : column;
    gap            : 15px;
    width          : 100%;
    height         : 600px;
    max-width      : 500px;
    justify-content: center;
    color          : #318102;
}

#contact-form input,
#motif {
    font-style   : normal;
    padding      : 10px;
    border-radius: 7px;
    border       : none;
    background   : #e8ffc1;
    color        : #318102;
    transition   : all 0.5s ease;
}

#contact-form input:hover,
#motif:hover {
    background: #ffffff;
    color     : #318102;
    transition: all 0.5s ease;
}

#contact-form button {
    padding      : 12px;
    background   : #318102;
    color        : rgb(218, 255, 207);
    border       : none;
    border-radius: 7px;
    cursor       : pointer;
    font-weight  : bold;
    transition   : all 0.3s ease;
}

#contact-form button:hover {
    background: #63b808;
    color     : #ffffff;
}

#contact-form button,
#contact-form input,
#contact-form,
#motif {
    font-family: "M PLUS Rounded 1c",
        sans-serif;
    font-style: normal;
}