body {

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      font-family: "Roboto", sans-serif;

      min-height: 100vh;

      margin: 0;

    }



    h1, h2 {

      margin: 0;

    }



    h1 {

      color: #007760;

      font-family: "Sansita", sans-serif;

      font-weight: 700;

    }



    h2 {

      color: #54595f;

      font-weight: 600;

    }



    img {

      max-width: 100%;

    }



    .logo {

      text-align: center;

    }



    .content {

      text-align: center;

      margin-bottom: 1em;

    }



    .btn-contact {

      display: inline-block;

      background-color: #007760;

      color: #fff;

      padding: 10px 20px;

      border-radius: 4px;

      text-decoration: none;

      font-size: 16px;

      margin-bottom: 1em;

    }



    .btn-contact:hover {

      background-color: #00664d;

    }



    .fa-envelope {

      margin-right: 4px;

    }



    form {

      display: none;

      max-width: 400px;

      margin: 0 auto;

    }



    label {

      display: block;

      margin-bottom: 0.5em;

    }



    input[type="text"], input[type="tel"], input[type="email"], textarea {

      width: 100%;

      padding: 10px;

      margin-bottom: 1em;

      border: 1px solid #ccc;

    }



    input[type="submit"] {

      background-color: #007760;

      color: #fff;

      border: none;

      padding: 10px 20px;

      border-radius: 4px;

      cursor: pointer;

    }



    input[type="submit"]:hover {

      background-color: #00664d;

    }



    .message-envoye {

      color: red;

      font-weight: bold;

    }