body {
      font-family: Arial, sans-serif;
        /* Elimina el fondo de color */
  background-color: transparent;

  /* Añade la imagen de fondo y configura su apariencia */
 /* background-image: url('https://e1.pxfuel.com/desktop-wallpaper/9/230/desktop-wallpaper-s-purple-purple-colour.jpg');*/
background: linear-gradient(to bottom right, #020106, #43266f, #000000);
 /* background-size: cover; /* Ajusta la imagen para cubrir todo el fondo */
 /* background-position: center; /* Centra la imagen en el fondo */
 /* background-repeat: no-repeat; /* Evita que la imagen se repita */
 /* height: 100%; /* Hace que el cuerpo ocupe toda la altura de la ventana del navegador */
 /* margin: 0; /* Elimina el margen predeterminado del cuerpo */
 /* padding: 0; /* Elimina el relleno predeterminado del cuerpo */
    }
button{
    background: purple;
}
  

   /* Estilos para encabezado principal */
.main-heading {
    font-family: 'Arial Black', sans-serif; /* Fuente de texto */
    text-align: center; /* Centrado horizontal */
   /* margin-top: 30px; /* Margen superior */
    color: #1c1c1c; /* Color del texto */
}

/* Estilos para texto principal */
.main-text {
    font-family: 'Arial Black', sans-serif; /* Fuente de texto */
    text-align: center; /* Centrado horizontal */
    color: #1c1c1c; /* Color del texto */
}


/* Estilos para contenido de pestañas */
.tab-content {
    background-color: #ffffff; /* Color de fondo */
    border-radius: 10px; /* Bordes redondeados */
    padding: 20px; /* Relleno interno */

}

/* Estilos para botón dentro de grupo de entrada */
.input-group-append button {
    border-top-left-radius: 0; /* Elimina redondez de la esquina superior izquierda */
    border-bottom-left-radius: 0; /* Elimina redondez de la esquina inferior izquierda */

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: white;
    background-color: purple;
}

 body {
    height: 100vh;
    
}