@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    font-family: "Poppins", sans-serif;
}

h1 {
    font-size: 2em; /* Heading utama, masih besar namun tidak terlalu mencolok */
    font-weight: bold;
    margin: 0.5em 0;
    line-height: 1.2;
}

h2 {
    font-family: 'PT Serif Caption', serif;
    font-size: 1.75em; /* Ukuran heading kedua yang lebih kecil dari h1 */
    font-weight: bold;
    margin: 0.6em 0;
    line-height: 1.3;
}

h3 {
    font-size: 1.5em; /* Ukuran lebih kecil namun tetap terlihat sebagai heading */
    font-weight: bold;
    margin: 0.7em 0;
    line-height: 1.3;
}

h4 {
    font-size: 1.25em; /* Heading keempat, mendekati ukuran paragraf besar */
    font-weight: bold;
    margin: 0.8em 0;
    line-height: 1.4;
}

h5 {
    font-size: 1.1em; /* Ukuran lebih kecil namun tetap sedikit menonjol */
    font-weight: bold;
    margin: 1em 0;
    line-height: 1.5;
}


ol li[data-list="bullet"] {
    list-style-type: disc; /* Memberikan bullet default */
    margin-left: 20px; /* Memberikan jarak dari tepi kiri */
    position: relative; /* Agar bullet bisa diposisikan relatif */
}

ol li[data-list="bullet"] .ql-ui {
    display: none; /* Sembunyikan elemen `.ql-ui` agar tidak mengganggu */
}

ol li[data-list="ordered"] {
    list-style-type: decimal; /* Memberikan nomor urut pada elemen list */
    margin-left: 20px; /* Memberikan jarak dari tepi kiri */
    position: relative; /* Agar elemen bisa diposisikan relatif */
}

ol li[data-list="ordered"] .ql-ui {
    display: none; /* Sembunyikan elemen `.ql-ui` agar tidak mengganggu */
}

#menuToggle {
    display: none;
}

#menuToggle:checked+.menu-button+#mobileMenu {
    display: flex;
}