:root {
  --bulma-primary-h: 330deg;
  --bulma-primary-l: 50%;
  --bulma-link-h: 150deg;
  --bulma-link-l: 50%;
  --bulma-info-h: 330deg;
  --bulma-info-l: 50%;
  --bulma-success-h: 275deg;
  --bulma-success-s: 100%;
  --bulma-success-l: 25%;
  --bulma-warning-h: 51deg;
  --bulma-warning-l: 50%;
  --bulma-danger-h: 16deg;
  --bulma-danger-l: 50%;
  --bulma-family-primary: Ubuntu;
  --bulma-family-secondary: Ubuntu;
  --bulma-family-code: Ubuntu Mono;
  --bulma-body-background-color: hsl(0,0%,12%);
  --bulma-body-family: Ubuntu;
  --bulma-body-color: hsla(51deg,100%,50%,1);
  --bulma-code-family: Ubuntu Mono;
  * Texto general de la tabla */
  --table-color: var(--bulma-body-color);

  
}

.card {
  --bulma-card-color: hsl(0, 0%, 100%);
  --bulma-card-background-color: hsl(0, 0%, 12%);
  --bulma-card-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.25);
  --bulma-card-header-background-color: hsl(274, 100%, 25%);
  --bulma-card-header-color: hsl(0, 0%, 100%)             ;
  --bulma-card-header-shadow: 0 0.125em 0.25em hsla(0, 0%, 0%, 0.20);
  --bulma-card-content-background-color: hsl(0, 0%, 12%);
  --bulma-card-footer-background-color: hsl(0, 0%, 12%);
  --bulma-card-footer-border-top:  1px solid hsl(51, 100%, 50%) ;
}

.navbar {

  --bulma-navbar-h: 0;
  --bulma-navbar-s: 0%;
  --bulma-navbar-l: 12%;

  --bulma-navbar-background-color: hsl(0, 0%, 12%);

  --bulma-navbar-box-shadow-size: 0 2px 6px;
  --bulma-navbar-box-shadow-color: hsla(0, 0%, 0%, 0.4);

  --bulma-navbar-padding-vertical: 0.75rem;
  --bulma-navbar-padding-horizontal: 1rem;

  --bulma-navbar-z: 30;
  --bulma-navbar-fixed-z: 40;

  --bulma-navbar-item-background-a: 0;
  --bulma-navbar-item-background-l: 12%;
  --bulma-navbar-item-background-l-delta: 0%;

  --bulma-navbar-item-hover-background-l-delta: 10%;
  --bulma-navbar-item-active-background-l-delta: 15%;

  --bulma-navbar-item-color-l: 100%;

  --bulma-navbar-item-selected-h: 330deg;
  --bulma-navbar-item-selected-s: 100%;
  --bulma-navbar-item-selected-l: 65%;

  --bulma-navbar-item-selected-background-l: 25%;
  --bulma-navbar-item-selected-color-l: 100%;

  --bulma-navbar-item-img-max-height: 2.5rem;

  --bulma-navbar-burger-color: hsl(51, 100%, 50%);

  --bulma-navbar-tab-hover-background-color: hsl(0, 0%, 18%);
  --bulma-navbar-tab-hover-border-bottom-color: hsl(51, 100%, 50%);

  --bulma-navbar-tab-active-color: hsl(51, 100%, 50%);
  --bulma-navbar-tab-active-background-color: hsl(0, 0%, 18%);
  --bulma-navbar-tab-active-border-bottom-color: hsl(51, 100%, 50%);
  --bulma-navbar-tab-active-border-bottom-style: solid;
  --bulma-navbar-tab-active-border-bottom-width: 2px;

  --bulma-navbar-dropdown-background-color: hsl(0, 0%, 18%);

  --bulma-navbar-dropdown-border-l: 25%;
  --bulma-navbar-dropdown-border-color: hsl(51, 100%, 50%);
  --bulma-navbar-dropdown-border-style: solid;
  --bulma-navbar-dropdown-border-width: 1px;

  --bulma-navbar-dropdown-offset: 0.5rem;
  --bulma-navbar-dropdown-arrow: hsl(51, 100%, 50%);

  --bulma-navbar-dropdown-radius: 0.5rem;
  --bulma-navbar-dropdown-z: 20;
  --bulma-navbar-dropdown-boxed-radius: 0.75rem;
  --bulma-navbar-dropdown-boxed-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.25);

  --bulma-navbar-dropdown-item-h: 330;
  --bulma-navbar-dropdown-item-s: 100%;
  --bulma-navbar-dropdown-item-l: 70%;

  --bulma-navbar-dropdown-item-background-l: 25%;
  --bulma-navbar-dropdown-item-color-l: 100%;

  --bulma-navbar-divider-background-l: 25%;
  --bulma-navbar-divider-height: 1px;

  --bulma-navbar-bottom-box-shadow-size: 0 2px 4px;

}


.table {
  --bulma-table-color: hsl(51, 100%, 50%);
  --bulma-table-background-color: hsl(0, 0%, 10%);
  --bulma-table-cell-border-color: hsl(51, 100%, 50%);
  --bulma-table-cell-heading-color: hsl(51, 100%, 70%);
  --bulma-table-head-cell-color: hsl(51, 100%, 70%);
  --bulma-table-foot-cell-color: hsl(51, 100%, 70%);
  --bulma-table-head-background-color: hsl(0, 0%, 15%);
  --bulma-table-body-background-color: hsl(0, 0%, 10%);
  --bulma-table-foot-background-color: hsl(0, 0%, 15%);
  --bulma-table-row-hover-background-color: hsl(51, 100%, 25%);
  --bulma-table-row-active-background-color: hsl(51, 100%, 30%);
  --bulma-table-row-active-color: hsl(51, 100%, 50%);
  --bulma-table-striped-row-even-background-color: hsl(0, 0%, 13%);
  --bulma-table-striped-row-even-hover-background-color: hsl(51, 100%, 28%);
}

.title {
  --bulma-title-color: hsl(50deg,100%,50%);
}


section {
  scroll-margin-top: 3rem; /* ajustable */
}




    header {
      padding: 2rem 1rem;
    }
    .section {
      padding: 2rem 1.5rem;
    }
    footer {
      
      text-align: center;
      padding: 1.5rem;
      font-size: 0.9em;
    }