/* login.css */

/* Base body styling */

  /* Centering the container and adding spacing */

  /* Styling the heading */
  h1 {
    color: #333;
    font-weight: 600;
    margin-bottom: 1.5rem;
  }
  
  /* Alert messages */
  .alert {
    margin-top: 20px;
  }
  
  /* Form container styling */
  form {
    background-color: #fff;
    padding: 35px 40px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  /* Form labels */
  .form-label {
    font-weight: 500;
    color: #2e484e;
  }
  
  /* Input styling */
  .form-control {
    border-radius: 4px;
    border: 1px solid #ccc;
  }
  
  /* Button styling */
  .btn-primary {
    background-color: #2e484e;
    border-color: #2e484e;
    transition: background-color 0.3s, border-color 0.3s;
  }
  
  .btn-primary:hover,
  .btn-primary:focus {
    background-color: #1f333f;
    border-color: #1f333f;
  }
  
  /* Responsive adjustments */
  @media (max-width: 576px) {
    .container {
      margin: 20px;
      width: auto;
    }
  }