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

    body {
	background: #E8E9EB;
    }

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

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

    .navigation {
	color: #ed6a5a;
	font-size: 20px;
    }

    .navigation:hover {
	color: #b6756d;
    }

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

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

    body {
	background: #2F2F37;
    }

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

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

    .navigation {
	color: #4D9DE0;
	font-size: 20px;
    }

    .navigation:hover {
	color: #668eb0;
    }

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

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

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

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

#page-container {
    position: relative;
    min-height: 100vh;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.8rem;
}

p {
    font-size: 1.2rem;
}

body {
    font-family: 'Courier New', Courier, monospace;
}