@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;
    }

    body {
	background: #E8E9EB;
    }

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

    .page-title:hover {
	color: #617284;
    }

    .top-bar {
	border-bottom: 1px solid #ed6a5a;
    }

    .rss-icon {
	width:1.5rem;
	height: 1.5rem;
	fill: #e28816;
    }

    .rss-icon:hover {
	fill: #b1844b;
    }

    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: #000807;
    }
    
    .tag-icon {
	width: 1.2rem;
	height: 1.2rem;
	fill: #000807;
    }

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

    .tag-name:hover {
	color: #054a91;
    }

    .footer-content {
	color: #000807 !important;
    }

    .caption {
	color: #000807;
    }

    .pagination-element {
	color: #054a91;
    }

    .pagination-element:hover {
	color: #617284;
    }

    .tabs {
	--bulma-tabs-border-bottom-color: #ed6a5a;
	--bulma-tabs-link-color: #ed6a5a;
	--bulma-tabs-boxed-link-hover-background-color: #b6756d;
	--bulma-tabs-link-hover-color: #E8E9EB;
    }

    a.index-post-title {
	color: #000807;
    }

    a.index-post-title:hover {
	color: #054a91;
    }

    a.archive-post-title {
	color: #000807;
    }

    a.archive-post-title:hover {
	color: #054a91;
    }

    p {
	color: #000807;
    }

    a {
	color: #054a91;
    }

    h1 {
	color: #4F759B !important;
    }

    h2 {
	color: #610F7F !important;
    }

    h3 {
	color: #9DC4B5 !important;
    }

    li {
	color: #000807;
	font-size: 1.2rem;
    }

    li::marker {
	color: #4D9DE0;
    }
}

@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: #FBF9FF;
	--bulma-body-background-color: #2F2F37;
    }

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

    .page-title:hover {
	color: #5d9979;
    }

    .language {
	color: #3BB273;
	font-size: var(--bulma-size-6);
    }

    .top-bar {
	border-bottom: 1px solid #4D9DE0;
    }

    .rss-icon {
	width:1.5rem;
	height: 1.5rem;
	fill: #e28816;
    }

    .rss-icon:hover {
	fill: #b1844b;
    }

    .is-info-button {
	color: #F4FAFF;
    }

    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: #668eb0;
    }

    .footer-content {
	color: #F4FAFF !important;
    }

    .caption {
	color: #E0E0E0;
    }

    .pagination-element {
	color: #4D9DE0;
    }

    .pagination-element:hover {
	color: #668eb0;
    }

    .tabs {
	--bulma-tabs-border-bottom-color: #4D9DE0;
	--bulma-tabs-link-color: #4D9DE0;
	--bulma-tabs-boxed-link-hover-background-color: #668eb0;
    }

    a.footer-url {
	color: #F4FAFF;
    }

    a.index-post-title {
	color: #F5F5F5;
    }

    a.index-post-title:hover {
	color: #4D9DE0;
    }

    a.archive-post-title {
	color: #F5F5F5;
    }

    a.archive-post-title:hover {
	color: #4D9DE0;
    }

    p {
	color: #F5F5F5;
    }

    a {
	color: #668eb0;
    }

    h1 {
	color: #4D9DE0 !important;
    }

    h2 {
	color: #E15554 !important;
    }

    h3 {
	color: #7768AE !important;
    }

    li {
	color: #F5F5F5;
	font-size: 1.2rem;
    }

    li::marker {
	color: #4D9DE0;
    }
}

@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%;
    }
}

.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
}

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

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

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;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.8rem;
}

p {
    font-size: 1.2rem;
}