.login-page {
    width: 360px;
    padding: 8% 0 0;
    margin: auto;
     
  }
  .form {
    position: relative;
      z-index: 1;
      background: white;
      max-width: 360px;
      margin: 0 auto 100px;
      text-align: center;
      box-shadow: 0 0 100px 0 #00172B, 0 0px 0px 0 #00172B;
      width: 450px;
      height: 585px;
  
  }
  
  @media (max-width: 576px) and (max-width: 767.98px) { 
    .form {
      
      position: relative;
      z-index: 1;
      background: #d9312e;
      max-width: 360px;
      margin: 0 auto 100px;
      text-align: center;
      box-shadow: 0 0 100px 0 #00172B, 0 0px 0px 0 #00172B;
      width: 450px;
      height: 585px;
      margin-top:95px;
  }
   }
  
  
  .form input {
    font-family: "Roboto", sans-serif;
      outline: 0;
      background: #f2f2f2;
      width: 100%;
      height: 35px;
      border: 0;
      margin: 0 0 15px;
      padding: 20px 15px;
      box-sizing: border-box;
      font-size: 14px;
      border-radius: 5px;
  }
  .form button {
    font-family: "Roboto", sans-serif;
      text-transform: uppercase;
      outline: 0;
      background: #fff;
      width: 55%;
      border: 0;
      padding: 15px;
      color: #51000d;
      font-size: 10px;
      -webkit-transition: all 0.3 ease;
      transition: all 0.3 ease;
      cursor: pointer;
      border-radius: 5px;
      height: 38px;
      font-weight: 900;
      letter-spacing: 0.5px;
      background: #00172B;
      color: white;
      padding: 10px;
      font-size: 12px;
      letter-spacing: 2px;
      font-family: inherit;
      font-weight: 600;
      width: 100%;
      height: 8%;
  }
  
  
  }
  .form button:hover,.form button:active,.form button:focus {
    background: #ced4da;
  }
  .form .message {
    margin: 15px 0 0;
    color: #b3b3b3;
    font-size: 12px;
  }
  .form .message a {
    color: #4CAF50;
    text-decoration: none;
  }
  .form .register-form {
    display: none;
  }
  .container {
    position: relative;
    z-index: 1;
    max-width: 300px;
    margin: 0 auto;
  }
  
  
  body{
    /* background-image:url("./assets/img/fondo.svg"); */
    margin: 0;
      font-size: var(--bs-body-font-size);
      line-height: var(--bs-body-line-height);
      color: var(--bs-body-color);
      text-align: var(--bs-body-text-align);
      background-color: #fff;
      -webkit-text-size-adjust: 100%;
      -webkit-tap-highlight-color: rgb(145 0 25);
      background: linear-gradient(to top, #286AA6,#e5600100 );
    
         
  }
  
  h6{
  
      font-size: 14px;
      line-height: 0.625;
      color: #00172b;
      text-align: left;
      letter-spacing: 0.5px;
      /* font-family: revert; */
      font-family: "Roboto", sans-serif;
      font-family: "Roboto", sans-serif;
      font-weight: 100;
  
  }
  
  .msgerror{
    color: red;
    text-align: left;
    font-size: 16px;
    margin-top: 20px;
    letter-spacing: .5px;
  }