body {
     background: url('../../Imagenes/fondoRegister.jpg');
     background-size: cover;
 }

 .formulario {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
     margin-bottom: 20px;
 }

 .columna {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (max-width: 769px) {

    body{
        padding-top: 150px;
        padding-bottom: 150px;
    }

  .formulario {
    grid-template-columns: 1fr; /* Se apilan las columnas */
  }

  .register-form {
    width: 95%; 
    padding: 20px;
    height: auto; 
  }
}

 .main-row {
     height: 100vh;
     gap: 150px;
 }

 .side-image {
     height: 100vh;
 }

 .register-form {
     border: 3px white solid;
     border-radius: 10px;
     padding: 60px;
     height: auto;
     width: 30rem;

 }

 @media(max-width:769px) {
     .register-form {
         width: 90%;
     }
 }

 .register-form h1 {
     color: whitesmoke;
 }

 .register-form h6 {
     color: white;
 }

 .btn-container {
     padding: 30px;
     gap: 50px;
 }

 .register-button button {
     height: 6rem;
     flex: 1;
     margin-top: 10px;
 }