.formulaire{

    min-height: 50vh;       /* hauteur minimum du conteneur du formulaire */
    place-items: center;    /* centre le formulaire dans le conteneur */
    display: grid;                /* pas trouver l'utilité... */
    width: 90%;
    background: rgba(255,255,255,8);
    justify-content: center;
    flex-direction: column;
    border-radius: 100px;
    margin-top: -50px;
 }

 .formulaire h1{
   text-align: center; 
   font-size: clamp(30px,5vw,50px);
   margin-bottom: 1rem;
   font-weight: 900;
   letter-spacing: 2px;
   color: midnightblue;
 }

 form         /* touche la largeur du formulaire */
  {
    width: 100%;
  }

 form input, form textarea{
    width: 80%;     /* touche la largeur des lignes du formulaire */
    border: none;
    outline: none;    /* pas trouvé l'utilité */
    border-bottom: 1px solid midnightblue;  /* touche les lignes du formulaire */
    height: 10px;     /* touche la hauteur des lignes du formulaire */
    margin-bottom: 1rem;
    padding: 1rem;
    background: none;
    color: #333;        /* couleur de la police dans le formulaire */
    font-size: 16px;      /* taille de la police dans le formulaire */
 }

 form input:focus,form textarea:focus{
   border-bottom: 1px solid crimson;    /* change la couleur de la ligne du champ ou se trouve le curseur */
 } 

 form textarea{ 
   height: 100px;     /* touche la hauteur du bloc message */
   resize: none;
 }

 form input[type="submit"]{
   cursor:pointer;
   border-bottom: none;
   background: crimson;   
   color: #f1f1f1;
   font-weight: bold;
   border-radius: 10pc;
   transition: background .2s ease-in-out;
 }

  form input[type="submit"]:hover{
   background: midnightblue;
  }