body{
    background-color: #e3d8f5;
}
/* Barra de inicio morada */
nav{
    width: 100%;
    height: 150px;
    background-color: rgb(147, 75, 214);
    text-align: center;
    padding: 20px;
}
/* Espacio entre los elementos */
.d-flex {
  gap: 20px;
}

/* Cambiar color de fondo del card */
.card {
  background-color: #fdfdfd;
  border-radius: 15px;
}

/* Personalizar los inputs */
.form-control, .form-select {
  border: 2px solid rgb(147, 75, 214); 
  border-radius: 10px;
  padding: 10px;
}

/* Cambio de color al enfocar un input */
.form-control:focus, .form-select:focus {
  border-color: rgb(102, 33, 167); 
  box-shadow: 0 0 5px rgb(80, 25, 133);
}

/* Boton de gurdar formulario */
.btn-primary {
  background-color: #6f42c1;  
  border: none;
}
.btn-primary:hover {
  background-color: #5a32a3; 
}

/* Botón de borrar formulario */
.btn-secondary {
  background-color: #ce0707;
  border: none;
}
.btn-secondary:hover {
  background-color: #880c0c;
}