.error-message {
    color: red;
    font-size: 12px;
  }


  .notif-message {
    margin-top: 10px;
    margin-left: 10px;

    width: calc(100% - 20px);
    padding: 10px;
    text-align: center;
    font-weight: bold;
    display: none; /* Initially hidden */
  }

  .success {
    background-color: #d4edda;
    color: #155724;
  }

  .failure {
    background-color: #f8d7da;
    color: #721c24;
  }