@media (max-width: 570px) {
  #MainSearch {
    text-align: left;
  }

  #MainSearch::placeholder {
    color: #000000; /* ou n'importe quelle autre couleur */
    opacity: 1;     /* facultatif : assure que la couleur est bien visible */
  }
}

@media (min-width: 571px) {
  #MainSearch {
    text-align: center;
  }

  #MainSearch::placeholder {
    color: #000000; /* ou n'importe quelle autre couleur */
    opacity: 1;     /* facultatif : assure que la couleur est bien visible */
  }
}

@media (max-width: 570px) {
  #MainSearchHearding {
    font-size: 60px;
    line-height: 63px;
  }
}

@media (min-width: 571px) {
  #MainSearchHearding {
    font-size: 50px;
    line-height: 53px;
  }
}

@media (max-width: 570px) {
  #MainSearchParagraph {
    font-size: 13px;
    line-height: 17px;
  }
}

@media (min-width: 570px) {
  #MainSearchParagraph {
    font-size: 16px;
    line-height: 20px;
  }
}

#DivMainSearch {
  backdrop-filter: blur(1em);
  -webkit-backdrop-filter: blur(1em);
  background: linear-gradient(-180deg, rgba(255,255,255,0.6), rgba(255,255,255,0.8) 100%);
  padding: 5px 8px 5px 5px;
  border-radius: 50px;
  max-width: 580px;
  width: 100%;
  border: 1px solid rgb(255,255,255);
  transition: background 0.3s ease, backdrop-filter 0.3s ease;
}

#DivMainSearch:hover {
  background: linear-gradient(-180deg, rgba(255,255,255,0.75), rgba(255,255,255,0.9) 100%);
}

#MainSearch:focus {
  outline: none;
  box-shadow: none;
}