@media (prefers-color-scheme: dark) {

.gh-viewport, html {
	background: #101720;
}

.gh-head a {
	color: var(--color-text-dark);
}

.gh-head-menu .nav li a {
	color: var(--color-text-dark);
}

.gh-card-image-missing {
	background: #25292a;
	border: 6px solid hsla(0, 0%, 100%, .1);
}

.letters {
	color: hsla(0, 0%, 100%, .1);
}

.gh-card-content {
	color: var(--color-text-dark);
}

.featured-custom {
	background: var(--color-combo-2);
	color: var(--color-text-dark) !important;
}

.featured-custom span {
	text-shadow: none;
}

.gh-title,
.meta,
.gh-canvas>blockquote,
.gh-canvas>dl,
.gh-canvas>ol,
.gh-canvas>p,
.gh-canvas>ul,
.gh-foot-menu .nav a,
.gh-foot-meta,
.gh-readmore-inner,
.gh-content h1,
.gh-content h2,
.gh-content h3,
.gh-content h4,
.gh-content h5,
.gh-content h6 {
	color: var(--color-text-dark);
}

.gh-search-icon {
	color: var(--color-text-dark) !important;
}

#tag-container a {
	background: #39ffba;
}

.gh-content a, .gh-content p a, .gh-content blockquote a {
	color: #03ffa6;
}

.gh-content blockquote {
	background: #111312;
	boarder: 1px solid #03ffa6;
}

.gh-foot-menu .nav li {
	background-color: var(--color-combo-2);
}

@media (max-width: 900px) {
    .featured-custom {
        background: var(--color-combo-2) url(/assets/images/bubble.svg) left -16em center / auto 127% no-repeat !important;
    }


}