@media(prefers-color-scheme: light) {
    :root {
	--bulma-primary-h: 213deg;
	--bulma-primary-s: 17%;
	--bulma-info-h: 286deg;
	--bulma-info-s: 66%;
	--bulma-info-l: 35%;
    }

    body {
	background: #F4FAFF;
    }

    .navigation {
	align-items: center;
	display: flex;
	flex-grow: 0;
	flex-shrink: 0;
	line-height: 1.5;
	padding: .5rem .75rem;
	position: relative;
	color: #F4FAFF;
    }

    .navigation:hover {
	color: #43AA8B;
    }

    .svg-icon:hover {
	fill: #43AA8B;
    }

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

    .rss-icon {
	width: 100%;
	max-width: 8rem;
	height: auto;
    }

    .svg-icon-body {
	width: .8rem;
	height: .8rem;
	fill: #56667A;
    }

    .post-summary {
	border-bottom: 1px solid #56667A;
    }

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

    .caption {
	color: #56667A;
    }

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

    a.footer-url:hover {
	color: #43AA8B;
    }

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

    a.index-post-title:hover {
	color: #791E94;
    }

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

    a.archive-post-title:hover {
	color: #791E94;
    }

    footer {
	background: #56667A !important;
    }

    p {
	color: #080708;
    }

    a {
	color: #791E94;
    }

    h1 {
	color: #791E94 !important;
    }

    h2 {
	color: #43AAB8 !important;
    }

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

    li::marker {
	color: #43AA8B;
    }
}

@media(prefers-color-scheme: dark) {
    :root {
	--bulma-primary-h: 213deg;
	--bulma-primary-s: 17%;
	--bulma-info-h: 286deg;
	--bulma-info-s: 66%;
	--bulma-info-l: 35%;
	--bulma-body-color: #EBEBEB;
    }

    body {
	background: #2F2F37;
    }

    .navigation {
	align-items: center;
	display: flex;
	flex-grow: 0;
	flex-shrink: 0;
	line-height: 1.5;
	padding: .5rem .75rem;
	position: relative;
	color: #F4FAFF;
    }

    .navigation:hover {
	color: #43AA8B;
    }

    .svg-icon:hover {
	fill: #43AA8B;
    }

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

    .rss-icon {
	width: 100%;
	max-width: 8rem;
	height: auto;
    }

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

    .post-summary {
	border-bottom: 1px solid #56667A;
    }

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

    .caption {
	color: #E0E0E0;
    }

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

    a.footer-url:hover {
	color: #43AA8B;
    }

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

    a.index-post-title:hover {
	color: #2191FB;
    }

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

    a.archive-post-title:hover {
	color: #2191FB;
    }

    footer {
	background: #56667A !important;
    }

    p {
	color: #F5F5F5;
    }

    a {
	color: #2191FB;
    }

    h1 {
	color: #2191FB !important;
    }

    h2 {
	color: #AB4967 !important;
    }

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

    li::marker {
	color: #2191FB;
    }
}

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

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

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
}

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

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