main p {
  text-align: center;
}
form {
    display: flex;
    flex-direction: column;
    max-width: 80%;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #5c88C4;
    border-radius: 5px;
  }
label {
    margin-bottom: 5px;
    display: block;
  }
  
  input[type="text"],  input[type="email"],  input[type="tel"],  textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 15px;
  }
  
  textarea {
    resize: vertical;
  }
  
  button {
    background-color: #1E578F; 
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: .5em;
  }
  
  button:hover {
    background-color: #5C2FC2;
  }
  
  .error {
    color: red;
    font-size: 0.8em;
    margin-bottom: 5px;
  }
  
  button[disabled] {
    background-color: #ccc; 
    cursor: default;
  }
   main h1, main h2 {
    text-align: center;
    border-bottom: 2px solid #5c88C4;
  }
  footer p {
    text-align: left;
  }

  @media (max-width: 768px) {
   
    h1 {
      font-size: 1.5rem;  
    }
    label {
      font-size: 0.9rem; 
    }
  }
  
  @media (max-width: 480px) {
    
    form {
      padding: 15px;  
    }
  }