/*
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:Avenir,'Avenir Next LT Pro',Montserrat,Corbel,'URW Gothic',source-sans-pro,sans-serif;
  font-size:1.6em;
  font-weight:300;
  letter-spacing:.01em;
  line-height:1.6;
}

blockquote{
  border-left:0.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:0.1rem solid #9b4dca;
  border-radius:.4rem;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  font-size:1.1rem;
  font-weight:700;
  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:0.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:0.1rem solid #f4f5f6;
  margin:3.0rem 0;
}

input[type='search'],
input[type='text'],
input:not([type]),
textarea{
  background-color:transparent;
  border:0.1rem solid #d1d1d1;
  border-radius:.4rem;
  box-shadow:none;
  box-sizing:inherit;
  height:3.8rem;
  padding:.6rem 1.0rem .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:-1.0rem;
    width:calc(100% + 2.0rem);
  }
  .row .column{
    margin-bottom:inherit;
    padding:0 1.0rem;
  }
}

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:1.0rem;}
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:0.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:4.6rem;
  line-height:1.2;
}

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

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

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

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

h6{
  font-size:1.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 0.4rem 0.4rem 0;
}

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

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

footer{margin:auto;}

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

.date{font-size:0.5em;}

.center{text-align:center;}

#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 h3{margin-top:0.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} 
}

