body {
    margin: 0;
    padding: 0;
    background-image: linear-gradient(
      to right,
      rgb(156, 34, 237),
      rgb(21, 158, 226)
    );
  }
  .main-section {
    margin:0;
    padding: 0;
  }
  .form-section {
    padding: 0;
    margin:0;
    width: 30rem;
    max-width: 90%;
    margin: auto;
  }
  .form-title {
    background: linear-gradient(to left, rgb(9, 167, 235), rgb(238, 10, 10));
    font-style: italic;
    font-weight: bold;
    color: white;
    padding: 0.4rem;
    border-radius: 5px;
    margin: 1.5rem 0;
    width: fit-content;
  }
  .form-controler {
    margin: 1rem 0;
    text-align: left;
  }
  .form-controler label,
  .form-controler input, textarea
   {
    display: block;
    width: 90%;
  }
  .form-controler label {
    font-size: large;
    color: #1aedbc;
  }
  .form-controler input,textarea {
    border: 2px solid #e8cb38;
    font: inherit;
    border-radius: 5px;
    padding: 0.5rem 1rem;
  }
  .form-controler input:focus,textarea:focus {
    border: 2px solid #2ee547;
    font: inherit;
    border-radius: 5px;
    padding: 0.5rem 1rem;
  }
  .form-button {
    font: inherit;
    border-radius: 5px;
    color: white;
    background-image: linear-gradient(
      to right,
      rgb(82, 177, 218),
      rgb(215, 72, 72)
    );
    padding: 0.4rem 0.5rem;
  }
  .form-button:hover {
    background-image: linear-gradient(
      to left,
      rgb(82, 177, 218),
      rgb(215, 72, 72)
    );
    color: white;
    cursor: pointer;
  }
  .signup__link {
    padding-top: 1rem;
    margin:0;
    width: 30rem;
    max-width: 90%;
    margin: auto;
    display: flex;
  }
  .signup__content {
    color: #1aedb8;
  }
  .signup__pageLink {
    background: linear-gradient(to top, rgb(9, 167, 235), rgb(238, 10, 10));
    font-style: italic;
    font-weight: bold;
    color: white;
    padding: 0.4rem;
    border-radius: 5px;
    margin: 0 0;
    width: fit-content; 
    cursor: pointer;
  }
  .signup_div {
    padding-left: 0.5rem;
    padding-top: 0.9rem;
  }
  .error__msg {
    font-size: large;
    color: #ed1a1a;
  }
  .action_sec {
    display: flex;
    justify-content: space-between;
  }
  .form-controler .invalid {
    border-color: #ed1a1a;
  }