/* 
   @media screen and (min-width: 1280px) {
   .ml-18 {
   margin-left: 9rem;
   }

   .mr-18 {
   margin-right: 9rem;
   }

   :not(.sidebar-element) li {
   font-size: 20px;
   line-height: 1.5em !important;
   }

   p {
   font-size: 20px;
   }
   }

   .flex-container {
   display: flex;
   flex-flow: row;
   }

   .navigation-element {
   display: flex;
   flex: 1 100px;
   }

   .end-justified {
   justify-content: end;
   }

   .pagination {
   font-size: 18px;
   }

   @media(prefers-color-scheme: dark) {
   :root {
   --bulma-primary-h: 24deg;
   --bulma-primary-s: 92%;
   --bulma-primary-l: 47%;
   }
   
   .is-info {
   background: #e8630a !important;
   color: #e7eaf6;
   }
   
   .banner {
   color: #e7eaf6 !important;
   background: #e8630a;
   }

   .sidebar {
   border: 1px solid #3e4a61;
   border-radius: 4px;
   background: black;
   justify-content: space-between;
   }

   .sidebar-element {
   border-bottom: 1px solid #e8630a;
   color: #ff5722;
   }

   .content {
   border: 1px solid #3e4a61;
   border-radius: 4px;
   background: black;
   }

   .date {
   color: #f5f0f0;
   text-align: right;
   font-style: italic;
   }

   .archive-date {
   color: #f5f0f0;
   text-align: left;
   font-style: italic;
   font-size: 21px;
   }

   a {
   color: #e8630a;
   }

   h1 {
   color: #ff5722 !important;
   }

   h2 {
   color: #ff895d !important;
   }

   h3 {
   color: #ff894c !important;
   }

   pre {
   border: 1px #3e4a61 solid;
   border-radius: 4px;
   }

   li::marker {
   color: #dc2f2f;
   }

   :not(.sidebar-element) li {
   color: #fafafa;
   }
   
   p {
   color: #fafafa;
   }
   
   body {
   background: #101826;
   font-family: "Inter", sans-serif !important;
   margin: 0;
   }
   }

   @media(prefers-color-scheme: light) {
   :root {
   --bulma-primary-h: 216deg;
   --bulma-primary-s: 43%;
   --bulma-primary-l: 38%;
   }
   
   .is-info {
   background: #38598b !important;
   color: #e7eaf6;
   }
   
   .banner {
   color: #ffffff !important;
   }

   .sidebar {
   border: 1px solid #dadff1;
   border-radius: 4px;
   background: white;
   justify-content: space-between;
   }

   .content {
   border: 1px solid #dadff1;
   border-radius: 4px;
   background: white;
   }

   .sidebar-element {
   border-bottom: 1px solid #38598b;
   color: #113f67;
   }

   .date {
   color: #7b8894;
   text-align: right;
   font-style: italic;
   }

   .archive-date {
   color: #7b8894;
   text-align: left;
   font-style: italic;
   font-size: 21px;
   }

   

   a {
   color: #38598b;
   }

   h1 {
   color: #113f67 !important;
   }

   h2 {
   color: #155084 !important;
   }

   h3 {
   color: #285f8a !important;
   }

   pre {
   border: 1px #dadff1 solid;
   border-radius: 4px;
   }

   li::marker {
   color: #155084;
   }

   :not(.sidebar-element) li {
   color: #2a2438;
   }

   p {
   color: #2a2438;
   }

   body {
   font-family: "Inter", sans-serif !important;
   margin: 0;
   background: #f8f8f8;
   }
   }

   .footer-content {
   color: white !important;
   }

   .footer-url {
   color: white;
   font-weight: bold;
   }

   .pull-left {
   text-align: left;
   font-size: 21px;
   }

   .index-content {
   font-size: 20px;
   }

   :not(.sidebar-element) li {
   list-style-type: disc;
   margin-top: .7em;
   line-height: 1em;
   } */
/* @media(prefers-color-scheme: dark) {
   .content {
   border: 1px solid #5e5c64;
   background: black;
   }

   .sidebar-element {
   border-bottom: 1px solid #fcf6f6;
   }

   .sidebar {    
   border: 1px solid #5e5c64;
   border-radius: 1px;
   background: black;
   color: white;
   justify-content: space-between;
   }

   .date {
   color: #f6f5f4;
   }

   .sidebar a {
   color: #f6f5f4;
   }

   .sidebar a:hover {
   color: #1c71d8;
   }

   .banner {
   color: #ffffff !important;
   }

   .post-summary {
   border-bottom: solid 1px;
   color: #1760cd;
   }

   :root {
   --bulma-primary-h: 219deg;
   --bulma-primary-l: 50%;
   --bulma-info-h: 253deg;
   --bulma-info-s: 79%;
   --bulma-info-l: 56%;
   }

   html {
   background: #1f1e24;
   }

   p {
   color: #fcf6f6;
   font-size: 1.5rem;
   }

   a {
   color: #2685e6;
   }

   h1 {
   color: #3c8aff !important;
   }

   h2 {
   color: #3833d4 !important;
   }

   strong {
   color: #3833d4;
   }

   .footer p {
   color: white;
   }

   .footer a {
   color: #3833d4;
   }
   }

   @media(prefers-color-scheme: light) {
   .content {
   border: 1px solid #dadff1;
   background: white;
   }

   .sidebar-element {
   border-bottom: 1px solid #241f314c;
   }

   .sidebar {    
   border: 1px solid #dadff1;
   border-radius: 1px;
   background: white;
   color: black;
   justify-content: space-between;
   }

   .date {
   color: #241f31;
   }

   .sidebar a {
   color: #241f31;
   }

   .sidebar a:hover {
   color: #ed333b;
   }

   .banner {
   color: #ffffff !important;
   }

   .post-summary {
   border-bottom: solid 1px;
   color: #e01b244c;
   }

   :root {
   --bulma-primary-h: 357deg;
   --bulma-primary-s: 84%;
   --bulma-primary-l: 56%;
   --bulma-info-h: 5deg;
   }

   html {
   background: #f8f8f8;
   }

   p {
   color: #241f31;
   font-size: 1.5rem;
   }

   a {
   color: #C93530;
   }

   h1 {
   color: #f66151 !important;
   }

   h2 {
   color: #e66100 !important;
   }

   strong {
   color: #e66100;
   }

   .footer p {
   color: white;
   }

   .footer a {
   color: #e66100;
   }
   }

   .content {
   border-radius: 1px;
   height: 100%;
   }

   .sidebar-column {
   padding-left: 20px;
   }

   .date {
   text-align: left;
   font-style: italic;
   font-size: 1.2rem;
   padding-bottom: 10px;
   }

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

   }

   .content-wrap {
   padding-bottom: 60px;
   }
 */
@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;
    }

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

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

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

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.8rem;
}

p {
    font-size: 1.2rem;
}