@media(prefers-color-scheme: light) {
    :root {
	--bulma-primary-h: 7deg;
	--bulma-primary-s: 80%;
	--bulma-primary-l: 64%;
	--bulma-link-h: 210deg;
	--bulma-link-s: 32%;
	--bulma-link-l: 46%;
	--bulma-info-h: 282deg;
	--bulma-info-s: 43%;
	--bulma-info-l: 23%;
	--bulma-body-background-color: #E8E9EB;
	--bulma-body-color: #000807;
	--branding-color: #054a91;
	--page-title-hover-color: #617284;
	--footer-text-color: #617284;
	--anchor-hover-color: #ed6a5a;
	--footer-border-color: #c1c1d1;
	--pagination-hover-color: #668eb0;
	--header-color: #4F759B;
	--header-two-color: #610F7F;
	--header-three-color: #9DC4B5;
    }

    .toc-entry a {
	color: var(--bulma-body-color);
    }

    .toc-entry::marker {
	color: var(--header-color);
    }

    .toc-entry a:hover {
	color: var(--header-color);
    }

    .footer-element {
	color: var(--footer-text-color);
    }

    .footer-element:hover {
	color: var(--branding-color);
    }

    .page-title {
	color: var(--branding-color);
	font-size: var(--bulma-size-3);
    }

    .page-title:hover {
	color: var(--footer-text-color);
    }

    .top-bar {
	border-bottom: 1px solid var(--anchor-hover-color);
    }

    .bottom {
	border-top: 1px solid var(--footer-border-color);
    }

    .rss-icon {
	width:1.5rem;
	height: 1.5rem;
	fill: var(--rss-icon-color);
    }

    .rss-icon:hover {
	fill: var(--rss-icon-hover-color);
    }

    a.svg {
	position: relative;
	display: inline-block; 
    }
    
    a.svg:after {
	content: ""; 
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left:0;
    }

    .svg-icon-body {
	width: .8rem;
	height: .8rem;
	fill: var(--bulma-body-color);
    }
    
    .tag-icon {
	width: 1.2rem;
	height: 1.2rem;
	fill: var(--bulma-body-color);
    }

    .tag-name {
	color: var(--bulma-body-color);
	font-size: 1.8em;
    }

    .tag-name:hover {
	color: var(--branding-color);
    }

    .footer-content {
	color: var(--bulma-body-color) !important;
    }

    .caption {
	color: var(--bulma-body-color);
    }

    .pagination-element {
	color: var(--branding-color);
    }

    .pagination-element:hover {
	color: var(--foter-text-color);
    }

    .tabs {
	--bulma-tabs-border-bottom-color: var(--anchor-hover-color);
	--bulma-tabs-link-color: var(--anchor-hover-color);
	--bulma-tabs-boxed-link-hover-background-color: #b6756d;
	--bulma-tabs-link-hover-color: var(--bulma-body-background-color);
    }

    a.index-post-title {
	color: var(--bulma-body-color);
    }

    a.index-post-title:hover {
	color: var(--branding-color);
    }

    a.archive-post-title {
	color: var(--bulma-body-color);
    }

    a.archive-post-title:hover {
	color: var(--branding-color);
    }

    p {
	color: var(--bulma-body-color);
    }

    a {
	color: var(--branding-color);
    }

    h1 {
	color: var(--header-color) !important;
    }

    h2 {
	color: var(--header-two-color) !important;
    }

    h3 {
	color: var(--header-three-color) !important;
    }

    li {
	color: var(--bulma-body-color);
	font-size: 1.2rem;
    }

    li::marker {
	color: var(--header-color);
    }
}

@media(prefers-color-scheme: dark) {
    :root {
	--bulma-primary-h: 207deg;
	--bulma-primary-s: 70%;
	--bulma-primary-l: 59%;
	--bulma-link-h: 208deg;
	--bulma-link-s: 32%;
	--bulma-link-l: 55%;
	--bulma-info-h: 253deg;
	--bulma-info-s: 30%;
	--bulma-info-l: 55%;
	--bulma-body-color: #F5F5F5;
	--bulma-body-background-color: #2F2F37;
	--branding-color: #3BB273;
	--page-title-hover-color: #5d9979;
	--footer-text-color: #c9c7cc;
	--anchor-hover-color: #4D9DE0;
	--footer-border-color: #6a6c7f;
	--pagination-hover-color: #668eb0;
	--header-two-color: #E15554;
	--header-three-color: #7768AE;
    }

    .toc-entry a {
	color: var(--bulma-body-color);
    }

    .toc-entry::marker {
	color: var(--anchor-hover-color);
    }

    .toc-entry a:hover {
	color: var(--anchor-hover-color);
    }

    .page-title {
	color: var(--branding-color);
	font-size: var(--bulma-size-3);
    }

    .page-title:hover {
	color: var(--branding-color);
    }

    .footer-element {
	color: var(--footer-text-color);
    }

    .footer-element:hover {
	color: var(--anchor-hover-color);
    }

    .language {
	color: var(--branding-color);
	font-size: var(--bulma-size-6);
    }

    .top-bar {
	border-bottom: 1px solid var(--anchor-hover-color);
    }

    .bottom {
	border-top: 1px solid var(--footer-border-color);
    }

    .rss-icon {
	width:1.5rem;
	height: 1.5rem;
	fill: var(--rss-icon-color);
    }

    .rss-icon:hover {
	fill: var(--rss-icon-hover-color);
    }

    .footer-element {
	color: var(--footer-text-color);
    }

    .footer-element:hover {
	color: var(--anchor-hover-color);
    }

    .language {
	color: var(--branding-color);
	font-size: var(--bulma-size-6);
    }

    .top-bar {
	border-bottom: 1px solid var(--anchor-hover-color);
    }

    .bottom {
	border-top: 1px solid var(--footer-border-color);
    }

    .rss-icon {
	width:1.5rem;
	height: 1.5rem;
	fill: var(--rss-icon-color);
    }

    .rss-icon:hover {
	fill: var(--rss-icon-hover-color);
    }

    a.svg {
	position: relative;
	display: inline-block; 
    }
    
    a.svg:after {
	content: ""; 
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    }

    .svg-icon-body {
	width: .8rem;
	height: .8rem;
	fill: #EBEBEB;
    }
    
    .tag-icon {
	width: 1.2rem;
	height: 1.2rem;
	fill: #EBEBEB;
    }

    .tag-name {
	color: #EBEBEB;
	font-size: 1.8em;
    }

    .tag-name:hover {
	color: var(--anchor-hover-color);
    }

    .pagination-element {
	color: var(--anchor-hover-color);
    }

    .pagination-element:hover {
	color: var(--pagination-hover-color);
    }

    .tabs {
	--bulma-tabs-border-bottom-color: var(--anchor-hover-color);
	--bulma-tabs-link-color: var(--anchor-hover-color);
	--bulma-tabs-boxed-link-hover-background-color: var(--pagination-hover-color);
    }

    a.index-post-title {
	color: var(--bulma-body-color);
    }

    a.index-post-title:hover {
	color: var(--anchor-hover-color);
    }

    a.archive-post-title {
	color: var(--bulma-body-color);
    }

    a.archive-post-title:hover {
	color: var(--anchor-hover-color);
    }

    a {
	color: var(--pagination-hover-color);
    }

    h1 {
	color: var(--anchor-hover-color) !important;
    }

    h2 {
	color: var(--header-two-color) !important;
    }

    h3 {
	color: var(--header-three-color) !important;
    }

    li {
	color: var(--bulma-body-color);
	font-size: 1.2rem;
    }

    li::marker {
	color: var(--anchor-hover-color);
    }
}

@font-face {
    font-family: "Courier Prime";
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/CourierPrime-Regular.ttf);
}

@font-face {
    font-family: "Courier Prime Italic";
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/CourierPrime-Italic.ttf);
}

@font-face {
    font-family: "Courier Prime Bold";
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/CourierPrime-Bold.ttf);
}

:root {
    --bulma-family-primary: "Courier Prime", serif;
    --bulma-family-secondary: "Courier Prime", serif;
}

@media (width <= 1000px) {
    .page-container {
	flex: none;
	width: 100%;
	margin-left: 1rem !important;
    }
}

@media (width > 1000px) {
    .page-container {
	flex: none;
	width: 60%;
	margin-inline-start: 20%;
    }
}

@media (width <= 1000px) {
    .post-with-toc-container {
	flex: none;
	width: 100%;
    }
}

@media (width > 1000px) {
    .post-with-toc-container {
	flex: none;
	width: 60%;
    }
}

.sr-only {
    clip: rect(0,0,0,0);
    border-width:0;
    height: 1px;
    margin: -1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    white-space:nowrap;
    width:1px
}

.toc-entry {
    padding-inline-start: 2ch;
    list-style: inside;
}

.svg-icon {
    width:1.5rem;
    height: 1.5rem;
    fill: #F4FAFF;
}

.caption {
    font-style: italic;
    font-size: 18px;
}

.toc-column {
    margin-inline-start: 4%;
}

.is-wrap {
    flex-wrap: wrap !important;
}

.wrap-tabs {
    display: block;
}

a.index-post-title {
    font-size: 2rem;
}

a.archive-post-title {
    font-size: 1.5rem;
}

p.archive-post-date {
    font-weight: bold;
}

.columns:not(:last-child) {
    margin-bottom: 0rem;
}

.toc-entry a {
    font-size: 18px;
    text-decoration: underline;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.8rem;
}

p {
    font-size: 1.2rem;
}
:root {
    --rss-icon-color: #e28816;
    --rss-icon-hover-color: #b1844b;
}