.h1-underline {
  position: relative;
  font-size: 35px;
  font-weight: 700;
}

.h1-underline::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  height: 2px;
  width: 100px;
  background: var(--biru1);
}
body.malam .h1-underline::before {
  background: var(--biru2);
}

/*TABLET*/ /*TABLET*/ /*TABLET*/ /*TABLET*/ /*TABLET*/ /*TABLET*/ /*TABLET*/ /*TABLET*/ /*TABLET*/ /*TABLET*/ /*TABLET*/ /*TABLET*/
@media (min-width: 768px) {
}

/*DESKTOP 720*/ /*DESKTOP 720*/ /*DESKTOP 720*/ /*DESKTOP 720*/ /*DESKTOP 720*/ /*DESKTOP 720*/ /*DESKTOP 720*/ /*DESKTOP 720*/ /*DESKTOP 720*/
@media (min-width: 992px) {
}