@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');

   @font-face {
       font-family: aksara;
       src: url('font/aksara.ttf');
   }

   .background-section {
       position: relative;
       background-image: url('image/background.png');
       background-size: cover;
       background-position: center;
       height: 100vh;
   }

   .background-section::before {
       content: "";
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background-color: rgba(0, 0, 0, 0.3);
   }

   .text-container {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       color: white;
       text-align: center;
       font-size: 10vh;
       font-family: "aksara";
       -webkit-text-stroke: 1q #ffff;
       -webkit-text-fill-color: #fff;
   }

   .text-container h1 {
       margin: 0;
   }

   .text-container p {
       margin-top: 10px;
       margin: -3vh;
   }

   .content-gemar {
       background-color: #e2dbad;
   }

   .navbar.bg-body-tertiary {
       font-family: 'Righteous', sans-serif !important;
       background-color: #e2dbad !important;
   }

   nav {
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   }

   .card-title {
       font-family: 'Righteous', sans-serif !important;
       font-weight: 100 !important;
       font-style: normal !important;
   }

   h1 {
       font-family: 'Righteous', sans-serif !important;
   }

   .img_size {
       width: 250px;
       height: 250px;
   }

   ::-webkit-scrollbar {
        width: 0px !important; /* Lebar scrollbar */
    }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0) !important; /* Warna thumb (isi scrollbar) */
        border-radius: 6px !important; /* Radius sudut thumb */
    }

    ::-webkit-scrollbar-track {
        background-color: transparent !important; /* Warna track (area di sekitar thumb) */
    }

    /* Optional: Hover state untuk thumb */
    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, 0) !important;
    }