body{
  scroll-behavior: smooth;
}
#header-gradient{
    background: #ffffff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 100%);
}
/* #header-gradient{
    background: #ffffff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgba(27, 15, 138, 1) 100%);
} */

h1{
    /* background-image: url('../img/navbar-bg.png'); */
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: white;
    color: transparent;
    animation: glow 2s ease-in-out infinite alternate;
}


@keyframes fillText{
  from{
    width:0;
  }
  to{
    width:100%;
  }
}

@keyframes glow{
  from{
    text-shadow:0 0 0px rgba(255,255,255,0.3);
  }
  to{
    text-shadow:
      0 0 5px rgba(255,255,255,0.7),
      0 0 10px rgba(120,140,255,0.8);
  }
}

.triwulan-tambahan-penghasilan{
     background: linear-gradient(14deg, #e17100, #fcc800);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.apexcharts-tooltip {
    background: #f3f3f3 !important;
}

.apexcharts-legend-text {
    color: white !important;
}

footer{
  background-image: url('../img/footer.png');
  background-size: cover;
  background-color: #2413b9;
  background-blend-mode: screen;
  background-attachment: fixed;
}

#tambahan-penghasilan{
  background-image: url('../img/bg.png');
  background-size: cover;
  background-color: #daf1e8;
  background-blend-mode: overlay;
  /* background-attachment: fixed; */
}

#form-cek-tamsil{
  /* background-image: url('./img/bg.png'); */
  /* background-size: cover; */
  /* background-color: #2b6e54; */
  /* background-blend-mode: soft-light; */
  /* background-attachment: fixed; */
}