/* Milligram v1.4.1
https://milligram.io
Copyright (c) 2020 CJ Patoilo
Licensed under the MIT license
Modified by Julien (jvoisin) Voisin
*/

*,*:after,*:before{box-sizing:inherit}

html{
	box-sizing:border-box;
	font-size:62.5%;
}

body{
	color:#222222;
	font-family: Garamond, 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
	font-size:1.6em;
	font-weight:300;
	letter-spacing:.01em;
	line-height:1.6;
}

blockquote{
	border-left:.3rem solid #d1d1d1;
	margin-left:0;
	margin-right:0;
	padding:1rem 1.5rem;
}

blockquote *:last-child{margin-bottom:0}

button,
input[type='button'],
input[type='submit']{
	background-color:#9b4dca;
	border:.1rem solid #9b4dca;
	border-radius:.4rem;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-size:1.1rem;
	font-weight:700;
	min-height:3.8rem;
	letter-spacing:.1rem;
	line-height:3.8rem;
	padding:0 3.0rem;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	white-space:nowrap;
}

button:focus,
button:hover,
input[type='button']:focus,
input[type='button']:hover,
input[type='submit']:focus,
input[type='submit']:hover{
	background-color:#606c76;
	border-color:#606c76;
	color:#fff;
	outline:0;
}

button.button-outline,
input[type='button'].button-outline,
input[type='submit'].button-outline{
	background-color:transparent;
	color:#9b4dca;
}

button.button-outline:focus,
button.button-outline:hover,
input[type='button'].button-outline:focus,
input[type='button'].button-outline:hover,
input[type='submit'].button-outline:focus,
input[type='submit'].button-outline:hover{
	background-color:transparent;
	border-color:#606c76;
	color:#606c76;
}

button.button-clear,
input[type='button'].button-clear,
input[type='submit'].button-clear{
	background-color:transparent;
	border-color:transparent;
	color:#9b4dca;
}

button.button-clear:focus,
button.button-clear:hover,
input[type='button'].button-clear:focus,
input[type='button'].button-clear:hover,
input[type='submit'].button-clear:focus,
input[type='submit'].button-clear:hover{
	background-color:transparent;
	border-color:transparent;
	color:#606c76;
}

code{
	background:#f4f5f6;
	border-radius:.4rem;
	font-size:86%;
	margin:0 .2rem;
	padding:.2rem .5rem;
	white-space:nowrap;
}

pre{
	background:#f4f5f6;
	overflow-y:hidden;
	line-height:125%;
	border-left:.3rem solid rgb(40,90,160);
}

pre > code{
	border-radius:0;
	display:block;
	padding:1rem 1.5rem;
	white-space:pre;
}

hr{
	border:0;
	border-top:.1rem solid #f4f5f6;
	margin:3.0rem 0;
}

input[type='search'],
input[type='text'],
input:not([type]),
textarea{
	background-color:transparent;
	border:.1rem solid #d1d1d1;
	border-radius:.4rem;
	box-shadow:none;
	box-sizing:inherit;
	min-height:3.8rem;
	padding:.6rem 1rem .7rem;
	width:100%;
}

input[type='search']:focus,
input[type='text']:focus,
input:not([type]):focus,
textarea:focus{
	border-color:#9b4dca;
	outline:0;
}

textarea{min-height:6.5rem}

label,legend{
	display:block;
	font-size:1.6rem;
	font-weight:700;
	margin-bottom:.5rem;
}

fieldset{
	border-width:0;
	padding:0;
}

.label-inline{
	display:inline-block;
	font-weight:normal;
	margin-left:.5rem;
}

.container{
	margin:0 auto;
	max-width:112.0rem;
	padding:0 2.0rem;
	position:relative;
	width:100%;
}

.row{
	display:flex;
	flex-direction:column;
	padding:0;
	width:100%;
}

.row.row-no-padding{padding:0}
.row.row-no-padding > .column{padding:0}
.row.row-wrap{flex-wrap:wrap}
.row.row-top{align-items:flex-start}
.row.row-bottom{align-items:flex-end}
.row.row-center{align-items:center}
.row.row-stretch{align-items:stretch}
.row.row-baseline{align-items:baseline}

.row .column{
	display:block;
	flex:1 1 auto;
	margin-left:0;
	max-width:100%;
	width:100%;
}

.row .column.column-offset-10{margin-left:10%}
.row .column.column-offset-20{margin-left:20%}
.row .column.column-offset-25{margin-left:25%}
.row .column.column-offset-33{margin-left:33.3333%}
.row .column.column-offset-40{margin-left:40%}
.row .column.column-offset-50{margin-left:50%}
.row .column.column-offset-60{margin-left:60%}
.row .column.column-offset-66{margin-left:66.6666%}
.row .column.column-offset-75{margin-left:75%}
.row .column.column-offset-80{margin-left:80%}
.row .column.column-offset-90{margin-left:90%}

.row .column.column-10{flex:0 0 10%;max-width:10%}
.row .column.column-20{flex:0 0 20%;max-width:20%}
.row .column.column-25{flex:0 0 25%;max-width:25%}
.row .column.column-33{flex:0 0 33.3333%;max-width:33.3333%}
.row .column.column-40{flex:0 0 40%;max-width:40%}
.row .column.column-50{flex:0 0 50%;max-width:50%}
.row .column.column-60{flex:0 0 60%;max-width:60%}
.row .column.column-66{flex:0 0 66.6666%;max-width:66.6666%}
.row .column.column-75{flex:0 0 75%;max-width:75%}
.row .column.column-80{flex:0 0 80%;max-width:80%}
.row .column.column-90{flex:0 0 90%;max-width:90%}

.row .column .column-top{align-self:flex-start}
.row .column .column-bottom{align-self:flex-end}
.row .column .column-center{align-self:center}

@media (min-width:42rem){
	.row{
		flex-direction:row;
		margin-left:-1rem;
		width:calc(100% + 2.0rem);
	}
	.row .column{
		margin-bottom:inherit;
		padding:0 1rem;
	}
}

a{
	color:rgb(40,90,160);
	text-decoration:none;
}
a:focus,a:hover{color:#606c76}

dl,ol,ul{
	list-style:none;
	margin-top:0;
	padding-left:0;
}

dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{
	font-size:90%;
	margin:1.5rem 0 1.5rem 3.0rem;
}

ol{list-style:decimal inside}
ul{list-style:circle inside}

button,dd,dt,li{margin-bottom:1rem}
fieldset,input,textarea{margin-bottom:1.5rem}
blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}

table{
	border-spacing:0;
	display:block;
	overflow-x:auto;
	text-align:left;
	width:100%;
}

td,th{
	border-bottom:.1rem solid #e1e1e1;
	padding:1.2rem 1.5rem;
}

td:first-child,th:first-child{padding-left:0}
td:last-child,th:last-child{padding-right:0}

@media (min-width:42rem){
	table{
		display:table;
		overflow-x:initial;
	}
}

b,strong{font-weight:bold}

p{margin-top:0}

h1,h2,h3,h4,h5,h6{
	font-weight:300;
	letter-spacing:-.1rem;
	margin-bottom:2.0rem;
	margin-top:0;
}

h1{
	font-size:3.6rem;
	line-height:1.2;
}

h2{
	font-size:2.6rem;
	line-height:1.25;
}

h3{
	font-size:1.8rem;
	line-height:1.3;
}

h4{
	font-size:1.2rem;
	letter-spacing:-.08rem;
	line-height:1.35;
}

h5{
	font-size:0.8rem;
	letter-spacing:-.05rem;
	line-height:1.5;
}

h6{
	font-size:0.6rem;
	letter-spacing:0;
	line-height:1.4;
}

img{
	height:auto;
	max-width:100%;
}

.clearfix:after{
	clear:both;
	content:' ';
	display:table;
}

.float-left{float:left}
.float-right{float:right}

input[type='submit']{
	background-color:#fff;
	border:.1rem solid rgb(40,90,160);
	color:rgb(40,90,160);
	border-radius:0 .4rem .4rem 0;
}

input[type='submit']:hover{
	background-color:#fff;
	border:.1rem solid black;
	color:rgb(40,90,160);
}

input[type='search']{border-radius:.4rem 0 0 .4rem}
input[type='search']:focus{border-color:rgb(40,90,160)}

footer{margin:auto}

hr{
	border-top:.1rem solid #e7e7e7;
	margin-top:0;
}

.date{font-size:.5em}

.center{text-align:center}

iframe{display:block; margin:0 auto;border:0}

#subtitle{
	display:flex;
	flex-direction:row;
	align-items:center;
}

#quote{
	flex-grow:0;
	padding-left:10px;
}

#quote:hover{cursor:pointer}

#divider{
	flex-grow:1;
	height:1px;
	background-color:#9f9f9f;
}

header{
	margin-bottom:1rem;
	width:100%;
}

.archive{
	margin:0 0 4.5em 180px;
	font-size:100%;
}

.body{width:100%}
.fix{clear:both}
.half_img{max-width:50%}

header h2{
	margin-top:.5%;
	font-size:3rem;
}
header h3{margin-top:.5%}

form[name=searchform]{
	margin-top:10px;	
	margin-left:25%;
	margin-right:25%;
	display:flex;
}

img{
	max-width:100%; 
	display:block;
	margin:auto;
}

td.linenos pre,span.lineos{color:#000000;background-color:#f0f0f0;padding:0 5px 0 5px}
td.linenos pre.special,span.lineos.special{color:#000000;background-color:#ffffc0;padding:0 5px 0 5px}
.codehilite{background:#ffffff}
.codehilite .hll{background-color:#ffffcc}
.codehilite .c{color:#aaaaaa;font-style:italic} 
.codehilite .k{color:#0000aa} 
.codehilite .ch{color:#aaaaaa;font-style:italic} 
.codehilite .cm{color:#aaaaaa;font-style:italic} 
.codehilite .cp{color:#4c8317} 
.codehilite .cpf{color:#aaaaaa;font-style:italic} 
.codehilite .c1{color:#aaaaaa;font-style:italic} 
.codehilite .cs{color:#0000aa;font-style:italic} 
.codehilite .gd{color:#aa0000} 
.codehilite .ge{font-style:italic} 
.codehilite .gr{color:#aa0000} 
.codehilite .gh{color:#000080;font-weight:bold} 
.codehilite .gi{color:#00aa00} 
.codehilite .go{color:#888888} 
.codehilite .gp{color:#555555} 
.codehilite .gs{font-weight:bold} 
.codehilite .gu{color:#800080;font-weight:bold} 
.codehilite .gt{color:#aa0000} 
.codehilite .kc{color:#0000aa} 
.codehilite .kd{color:#0000aa} 
.codehilite .kn{color:#0000aa} 
.codehilite .kp{color:#0000aa} 
.codehilite .kr{color:#0000aa} 
.codehilite .kt{color:#00aaaa} 
.codehilite .m{color:#009999} 
.codehilite .s{color:#aa5500} 
.codehilite .na{color:#1e90ff} 
.codehilite .nb{color:#00aaaa} 
.codehilite .nc{color:#00aa00;text-decoration:underline} 
.codehilite .no{color:#aa0000} 
.codehilite .nd{color:#888888} 
.codehilite .ni{color:#880000;font-weight:bold} 
.codehilite .nf{color:#00aa00} 
.codehilite .nn{color:#00aaaa;text-decoration:underline} 
.codehilite .nt{color:#1e90ff;font-weight:bold} 
.codehilite .nv{color:#aa0000} 
.codehilite .ow{color:#0000aa} 
.codehilite .w{color:#bbbbbb} 
.codehilite .mb{color:#009999} 
.codehilite .mf{color:#009999} 
.codehilite .mh{color:#009999} 
.codehilite .mi{color:#009999} 
.codehilite .mo{color:#009999} 
.codehilite .sa{color:#aa5500} 
.codehilite .sb{color:#aa5500} 
.codehilite .sc{color:#aa5500} 
.codehilite .dl{color:#aa5500} 
.codehilite .sd{color:#aa5500} 
.codehilite .s2{color:#aa5500} 
.codehilite .se{color:#aa5500} 
.codehilite .sh{color:#aa5500} 
.codehilite .si{color:#aa5500} 
.codehilite .sx{color:#aa5500} 
.codehilite .sr{color:#009999} 
.codehilite .s1{color:#aa5500} 
.codehilite .ss{color:#0000aa} 
.codehilite .bp{color:#00aaaa} 
.codehilite .fm{color:#00aa00} 
.codehilite .vc{color:#aa0000} 
.codehilite .vg{color:#aa0000} 
.codehilite .vi{color:#aa0000} 
.codehilite .vm{color:#aa0000} 
.codehilite .il{color:#009999} 

@media (prefers-color-scheme:dark){
	body{
		background-color:#1c1c1c;
		color:#f1f1f1;
	}

	h2.subtitle{color:#fff}

	a,a:link,a:visited{
		color:rgb(140,180,230); 
		text-decoration:none;
	}
	a:hover{color:rgb(40,90,160)}

	footer{color:inherit}
	blockquote{background-color:#1c1c1c}
	code{background-color:#2e3440}
	pre{background-color:#1c1c1c}
	
	td.linenos .normal,span.lineos{color:#37474f;background-color:#263238;padding-left:5px;padding-right:5px}
	td.linenos .special,span.lineos .special{color:#607a86;background-color:#263238;padding-left:5px;padding-right:5px}

	.codehilite{background:#263238;color:#EEFFFF}
	.codehilite .hll{background-color:#2c3b41}
	.codehilite .c{color:#546e7a;font-style:italic}
	.codehilite .err{color:#ff5370}
	.codehilite .esc{color:#89ddff}
	.codehilite .g{color:#eeffff} 
	.codehilite .k{color:#bb80b3} 
	.codehilite .l{color:#c3e88d} 
	.codehilite .n{color:#eeffff} 
	.codehilite .o{color:#89ddff} 
	.codehilite .p{color:#89ddff} 
	.codehilite .ch{color:#546e7a;font-style:italic}
	.codehilite .cm{color:#546e7a;font-style:italic}
	.codehilite .cp{color:#546e7a;font-style:italic}
	.codehilite .cpf{color:#546e7a;font-style:italic}
	.codehilite .c1{color:#546e7a;font-style:italic}
	.codehilite .cs{color:#546e7a;font-style:italic}
	.codehilite .gd{color:#ff5370} 
	.codehilite .ge{color:#89ddff} 
	.codehilite .gr{color:#ff5370} 
	.codehilite .gh{color:#c3e88d} 
	.codehilite .gi{color:#c3e88d} 
	.codehilite .go{color:#546e7a} 
	.codehilite .gp{color:#ffcb6b} 
	.codehilite .gs{color:#ff5370} 
	.codehilite .gu{color:#89ddff} 
	.codehilite .gt{color:#ff5370} 
	.codehilite .kc{color:#89ddff} 
	.codehilite .kd{color:#bb80b3} 
	.codehilite .kn{color:#89ddff;font-style:italic}
	.codehilite .kp{color:#89ddff} 
	.codehilite .kr{color:#bb80b3} 
	.codehilite .kt{color:#bb80b3} 
	.codehilite .ld{color:#c3e88d} 
	.codehilite .m{color:#f78c6c} 
	.codehilite .s{color:#c3e88d} 
	.codehilite .na{color:#bb80b3} 
	.codehilite .nb{color:#82aaff} 
	.codehilite .nc{color:#ffcb6b} 
	.codehilite .no{color:#eeffff} 
	.codehilite .nd{color:#82aaff} 
	.codehilite .ni{color:#89ddff} 
	.codehilite .ne{color:#ffcb6b} 
	.codehilite .nf{color:#82aaff} 
	.codehilite .nl{color:#82aaff} 
	.codehilite .nn{color:#ffcb6b} 
	.codehilite .nx{color:#eeffff} 
	.codehilite .py{color:#ffcb6b} 
	.codehilite .nt{color:#ff5370} 
	.codehilite .nv{color:#89ddff} 
	.codehilite .ow{color:#89ddff;font-style:italic}
	.codehilite .w{color:#eeffff}	
	.codehilite .mb{color:#f78c6c} 
	.codehilite .mf{color:#f78c6c} 
	.codehilite .mh{color:#f78c6c} 
	.codehilite .mi{color:#f78c6c} 
	.codehilite .mo{color:#f78c6c} 
	.codehilite .sa{color:#bb80b3} 
	.codehilite .sb{color:#c3e88d} 
	.codehilite .sc{color:#c3e88d} 
	.codehilite .dl{color:#eeffff} 
	.codehilite .sd{color:#546e7a;font-style:italic}
	.codehilite .s2{color:#c3e88d} 
	.codehilite .se{color:#eeffff} 
	.codehilite .sh{color:#c3e88d} 
	.codehilite .si{color:#89ddff} 
	.codehilite .sx{color:#c3e88d} 
	.codehilite .sr{color:#89ddff} 
	.codehilite .s1{color:#c3e88d} 
	.codehilite .ss{color:#89ddff} 
	.codehilite .bp{color:#89ddff} 
	.codehilite .fm{color:#82aaff} 
	.codehilite .vc{color:#89ddff} 
	.codehilite .vg{color:#89ddff} 
	.codehilite .vi{color:#89ddff} 
	.codehilite .vm{color:#82aaff} 
	.codehilite .il{color:#f78c6c} 
}
