* Style untuk header */
.header {
  padding: 10px 10px;
  background: #ffffff;
  color: white;
  background-color: #8b0000;
}

/* halaman konten  */
.content {
  padding: 10px;
}

/* Kelas sticky ditambahkan ke header dengan JS saat mencapai posisi akhir scrolling */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Tambahkan beberapa padding atas ke konten halaman untuk mencegah gerakan cepat mendadak (karena header mendapat posisi baru di bagian atas halaman (posisi: tetap dan atas: 0) */
.sticky + .content {
  padding-top: 50px;
}