html.dark body {
	color: #ddd;
	background-color: #000;
}

html.dark ::-moz-selection {
    background: #666;
    text-shadow: none
}

html.dark ::selection {
    background: #666;
    text-shadow: none
}

html.dark hr {
    border-color: #fff5ee;
}

html.dark blockquote {
	background-color: #333;
}

html.dark blockquote p::before {
  color: orange;
  background-color: #333;
}

html.dark .kutipwarna,
html.dark .kutipkiri {
  color: orange;
}

html.dark img.kecilin,
html.dark img.gamtip,
html.dark img {
  outline: 6px solid #333;
  outline-offset: 2px;
}

html.dark img.emoji,
html.dark img.trbtn-img {
  outline: none;
}

html.dark .button--pandora {
	background: #d8bfd8;
}

html.dark .button--pandora span {
	background: #333;
  color:#ddd;
  border: 1px solid #fff5ee;
}

html.dark p a, 
html.dark a.garisungu, 
html.dark .garisungu {
	color: violet;
    background-image: linear-gradient(to left, #6a3478 20%, rgba(216, 191, 216) 30%);
    background-repeat: repeat-x; 
    background-position: 0 100%; 
    background-size: 100% 1px;
}

html.dark a {
	color: #d8bfd8;
	text-decoration: none;
}

html.dark p a.garishitam,
html.dark .garishitam {
  background-image: linear-gradient(to right, rgba(216, 191, 216) 100%, #220638 0%);
  background-repeat: repeat-x; 
  background-position: 0 100%; 
  background-size: 100% 2px;
  color:#ddd;
}

html.dark .garistipis,
html.dark sup a {
  background-image: linear-gradient(to right, rgba(216, 191, 216) 100%, #220638 0%);
  background-repeat: repeat-x; 
  background-position: 0 100%; 
  background-size: 100% 1px;
  color:#ddd;
}

html.dark figcaption a {
  background-image: linear-gradient(to right, rgba(216, 191, 216) 100%, #220638 0%);
  background-repeat: repeat-x; 
  background-position: 0 100%; 
  background-size: 100% 1px;
  color:#ddd;
}

html.dark .takarir a {
  color: #ddd;
  background-size: 100% 1px;
}

html.dark h1, 
html.dark h2, 
html.dark h3, 
html.dark h4, 
html.dark h5, 
html.dark h6,
html.dark .related {
	color: #d8bfd8;
}

html.dark .tanggalan,
html.dark .kutipungu {
	color: #d8bfd8;
}

html.dark .site-description a,
html.dark .site-description a:hover {
	color: #ddd;
	text-decoration: underline;
}

html.dark a:hover {
	color: orange;
	opacity: 100%;
}

html.dark .post-tags .tags a {
  border: 1px solid #ddd;
	color: #ddd;
}

html.dark .kategori a {
  background-color: #000;
  border: 1px solid #6a3478;
  background-image: none;
}

html.dark .tayangan {
  border: 1px solid #ddd;
  color: #ddd;
}

html.dark .site-title a {
	color: #d8bfd8;
	text-decoration: none !important;
}

html.dark .site-title {
	color: #d8bfd8;
}

html.dark .header nav,
html.dark .footer {
	border-color: #fff5ee;
}

html.dark .highlight {
	background-color: #333;
}

html.dark .posts .meta,
html.dark .post .meta,
html.dark .list .posts .post .meta {
    color: #fff5ee;
}

html.dark table th {
	background-color: #333;
}

html.dark table th, table td {
    border: 1px solid #666;
}

html.dark pre code {
  display: inline-block
}

html.dark .nav {
	color: #ddd;
}

html.dark .girugi {
	border: 1px solid #fff5ee;
	box-shadow: 8px 8px  rgba(216, 191, 216);
}

html.dark .girumil {
	border: 1px solid #fff5ee;
	box-shadow: 8px 8px  rgba(216, 191, 216);
}

html.dark .kartukuning,
html.dark .poster {
  background-color:  #333;
}

html.dark .kartubening {
  border: solid 0.5px orange;
}

html.dark .kartuungu {
  border: solid 0.5px #d8bfd8;
}

html.dark .posterdua {
  background-color:  #333;
  border-left: 12px solid #fff5ee;
}

html.dark .postertiga {
  background-color:  #333;
  border-right: 12px solid #fff5ee;
}

html.dark .ciruru {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border: 1px solid #fff5ee;
}

html.dark .asterism {
    color:#d8bfd8;
}

html.dark .arukia {
    background-color: #333;
}

html.dark .sizer a {
  text-decoration: none;
}

html.dark .sizer a:hover {
  color: orange;
  text-decoration: none;
}

html.dark .typonormal {
  border-left:0.8px solid #d8bfd8;
  border-right:0.8px solid #d8bfd8;
}

html.dark .typoatas {
  border-left:0.8px solid #d8bfd8;
  border-right:0.8px solid #d8bfd8;
  border-top:0.8px solid #d8bfd8;
  border-bottom:0.8px solid #d8bfd8;
}

html.dark .accordion {
  background-color: #000;
  color: #d8bfd8;
}

html.dark .active, html.dark .accordion:hover {
  background-color: #333;
}

html.dark .daftarisi {
  background-color: #000;
  color: #d8bfd8;
}

html.dark .btn {
  background: #000;
}

html.dark #toggle-btn {
  color: thistle;
}

html.dark #toggle-btn:after {
  background: #333;
}

html.dark .nafali {
  color: thistle;
}

html.dark .link:before, 
html.dark .link:after {
  background: thistle;
}

html.dark .garismenu {
  border-bottom: solid 1px thistle;
}

html.dark .data-card {
background: #333;
}

html.dark .data-card-3 {
  background: #333;
}

html.dark .data-card h3 {
color: #fffff0;
}

html.dark .data-card .tanggalan {
color: #fffff0;
 border-bottom: 2px solid #fffff0;
}

html.dark .data-card .link-text {
color: #fffff0;
}

html.dark .data-card:hover {
background: #280742;
}

html.dark .cukicuki {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #333;
}

html.dark .w3-hover-light-grey:hover {
  background-color:#333;
}

html.dark .w3-border-red,
html.dark .w3-hover-border-red:hover {
  border-color:#d8bfd8;
}

/* Modal */

html.dark .modal {
  background: rgb(51, 51, 51, .8);
}

html.dark .modal__content {
  background: #333;
  border: solid 1px #ddd;
  color: #ddd;
}

html.dark mark.stabilo4 {
  margin: 0 -0.4em;
  padding: 0em 0.3em;
  background: indigo;
  background-image: linear-gradient(
    to right,
    rgba(255,159, 0, 0.5) 4%,
    rgba(255,159, 0, 0.3)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: inherit;
}

html.dark mark.sensor:hover {
  background: rgba(255, 165, 0, 0.3);
  color: #ddd;
}

/* Polosan */
html.dark .garismenusatu {
  border-bottom: 3px double thistle;
}

/* Firefish Icon */
html.dark a .firefish {
  fill: #ddd
}