:root {
  --normal-text: #eee;
  /*--notable-text: #107d8e;*/
  --notable-text: #50bdce;
  --notable-text-light: #a0eeff;
  --dim-text: #aaa;
}
html,
body {
   color: var(--normal-text);
   font-family:"Iosevka Aile", "Dejavu Sans", sans-serif;
   /*background-color:#292929;*/
   font-size:1.1em;
   margin:0px;
   padding:0px;
   background:linear-gradient(to top right, #291a1a, #456);
}

a,
a:visited {
   color: var(--notable-text);
}


h1,
h1.title {
  font-size:2.5em;
  font-weight:300;
  display:block;
  border:none;
  border-bottom:1px solid #aaa;
  padding-left:0px;
}

h1 a:link,
h1 a:visited {
  color:#777;
}


h2, h3, h4, h5, h6 {
  font-weight:300;
  font-family:"Dejavu Sans", sans-serif;
  word-spacing:-.05em;
  letter-spacing:-.02em;
  padding-left:0px;
}

h2 {
  color: var(--notable-text);
  font-weight:100;
  font-size:2.3em;
}

h3 {
  color: var(--notable-text-light);
  font-size:1.3em;
}

h4 {
  color: var(--notable-text);
  font-size:1.5em;
  border:none;
}

h2:hover, h3:hover, h4:hover, h5:hover, h6:hover {
  border-left:3px solid #55aacc;
  padding-left:3px;
  font-weight:400;
  border-radius:4px;
}

.index h2:hover {
  border:none;
  padding-left:0px;
  font-weight:300;
  border-radius:0px;
}


h2 a.link,
h3 a.link,
h4 a.link,
h5 a.link,
h6 a.link {
  text-decoration:none;
}



span.line-through,
.strikethrough,
.strike {
  text-decoration: line-through;
}


span.monospaced {
  font-family:monospace;
  background-color:#e0e0e0;
  padding:2px;
  border:1px solid #bbb;
  border-radius:3px;
}


/**
 * Text Styles
 */
span.green {
  color:#66dd66;
}

span.blue {
  color:#6666dd;
}

span.red {
  color:#dd6666;
}

span.yellow {
  color:#dddd66;
}


/**
 * Body Styles
 */
div#body-wrapper {
  padding:10px 0px 0px 0px;
}


div#body-content {
  padding:5px 15px;
  margin-left:auto;
  margin-right:auto;
  max-width:70em;
}


div.quoteblock,
pre {
  background-color:#444;
  border:1px dotted #999;
  padding:5px 15px 7px 15px;
  border-radius:5px;
  margin:5px 0px;
  color: var(--dim-text);
  font-size:1.0em;
  display:inline-block;
}

pre {
  display:block;
  overflow:auto;
}

blockquote {
  background-color:#eee;
  padding:5px;
  border:1px dotted #aaa;
  border-radius:4px;
  margin-top:10px;
  margin-bottom:10px;
}

div#footer {
   background:linear-gradient(to bottom right, #211, #234);
   color:#eee;
   margin:5px 0px 0px 0px;
   width:100%;
   text-align:center;
   font-size:.9em;
   padding:20px 0px;
}

div#footer a,
div#footer a:visited {
   color:#40adbe;
}

div#left-navigation {
   margin-left:176px;
}

div#p-logo {
   height:85px;
   position:relative;
   top:5px;
   left:0px;
}

div#p-logo a {
   height:65px;
   width:140px;
}


div#p-personal { background:none; }

div#p-personal a:link,
div#p-personal a:visited {
   color:#eee;
}


/**
 * Table styles
 */
table { border-collapse: collapse; }

table td, table th {
  border: 1px solid #999;
  padding:1px 5px;
  background-color:#f5f5f5;
}


/**
 * Definition lists
 */
dl dt {
  color:#333;
  font-size:1.04em;
  font-weight:800;
  padding-top:5px;
  line-height:.9em;
}

dl dd p {
  line-height:.5em;
  color:#555;
}

dl {
  padding:10px 0px;
}

div.terminal div {
  display:block;
  padding:5px;
  margin:5px 0px;
  background-color:#222;
  border:1px solid #999;
  border-radius:5px;
  overflow:auto;
}

div.terminal div pre,
div.terminal div div.paragraph,
div.terminal div div.paragraph p {
  font-family: monospace;
  background:none;
  padding:0px;
  margin:0px 0px;
  border:none;
  overflow:auto;
  color:#ddd;
}

ul li p {
  line-height:1.2em;
  margin-top:5px;
  margin-bottom:5px;
}

/*
 * Header sections
 */


div.datelastedit p {
  margin-top:2em;
  margin-bottom:0px;
  color:var(--dim-text);
  font-style:italic;
  text-align:right;
}

div.center,
.align-center,
p.center {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

img {
  max-width: 100%;
}

img.align-center {
  display:block;
}

div.title {
  font-weight:700;
  margin-top:1.5em;
}

img#piwik-img {
  display:none;
}


/**
.grid-container-left {
display:grid;
grid-template-columns:39% 60%;
grid-column-gap: 15px;
}

.grid-container-right {
display:grid;
grid-template-columns:60% 39%;
grid-column-gap: 15px;
}
 **/


span.docutils.literal {
  font-family:monospace;
  border:1px dotted #aaa;
  border-radius:3px;
  background-color:#e0e0e0;
  color:#555;
}