* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
:root {
    --terang: #fff;
    --gelap: #000;
    --biru: #0d6efd;
    --merah: #dc3545;

    --hijauKalem: #81eab7;
    --hijau: #90ec90;

    --garis-fg: color-mix(in oklab, #000 5%, transparent);
    --garis2-fg: color-mix(in oklab, #000000 5%, transparent);
    --garis-tebal: color-mix(in oklab, #000000 89%, transparent);
}

h1, h2, h3, h4, h5 {
    line-height: 1;
}
p {
    line-height: 1;
    padding: 8px 0;
}
a {
    text-decoration: none;
    color: inherit;
}

.backin {
    background-image: 
repeating-linear-gradient(315deg, var(--garis-fg) 0, 
var(--garis-fg) 1px, transparent 0, transparent 50%);
    background-size: 10px 10px;
}
.backin2 {
    background-image: 
repeating-linear-gradient(45deg, var(--garis2-fg) 0, 
var(--garis2-fg) 1px, transparent 0, transparent 50%);
    background-size: 10px 10px;
}
.backin-tebal {
    background-image: 
repeating-linear-gradient(315deg, var(--garis-tebal) 0, 
var(--garis-tebal) 1px, transparent 0, transparent 50%);
    background-size: 18px 18px;
}
.backin2-tebal {
    background-image: 
repeating-linear-gradient(45deg, var(--garis-tebal) 0, 
var(--garis-tebal) 1px, transparent 0, transparent 50%);
    background-size: 18px 18px;
}

body {
    font-size: .8rem !important;
    color: var(--gelap);
}
.container {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .wrapper {
        max-width: 1440px;
        width: 100%;
        font-family: inter;
        min-height: 100vh;
    }
}


/* 1. Atur lebar scrollbar */
::-webkit-scrollbar {
  width: 1rem; /* Untuk scroll vertikal */
  height: 1rem; /* Untuk scroll horizontal */
}

/* 2. Atur latar belakang jalur (Track) */
::-webkit-scrollbar-track {
  background: #f0f0f0; 
  border-radius: 10px;
}

/* 3. Atur bagian yang digeser (Thumb) */
::-webkit-scrollbar-thumb {
  background: var(--hijauKalem); /* Warna gelap agar kontras dengan putih */
  border-radius: 10px;
  border: 2px solid #f0f0f0; /* Memberikan efek ruang di pinggir */
}

/* 4. Efek saat kursor menyentuh scrollbar (Hover) */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}