@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/*
warna background & foreground
*/
body > div.relative.overflow-hidden.bg-slate-200.dark\:bg-slate-900._dark\:-mb-32._dark\:mt-\[-4\.75rem\]._dark\:pb-32._dark\:pt-\[4\.75rem\] {
    display: none;
}

.bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: #F24855;
    color: #fff;
}

body > div.relative.overflow-hidden.bg-slate-200.dark\:bg-slate-900._dark\:-mb-32._dark\:mt-\[-4\.75rem\]._dark\:pb-32._dark\:pt-\[4\.75rem\] > div > div > div.relative.z-10.md\:text-center.lg\:text-left > div > p {
    color: #fff;
    font-size: 2.5rem;
    line-height: 3rem;
}

.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: normal;
}

.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0px;
    margin-bottom: 0px;
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-left: 0px;
    line-height: normal;
}

.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0px; 
    margin-bottom: 0px; 
}

h2.title.pkp_screen_reader {
    display: none;
}

footer img {
    display: inline;
}

.copyright {
    display: none;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.text-bold {
    font-weight: 700;
}

.mt-0 {
    margin-top: 0;
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.pt-0 {
    padding-top: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.w-150 {
    max-width: 150px;
}

.f-left {
    float: left;
}

.mr-1 {
    margin-right: 1rem;
}

.w-6 {
    width: 6rem;
}