/* Style sheet for Markdeep that corresponds closely to the default Latex article format 
   Put the following in your Markdeep document to use this:
 
   <link rel="stylesheet" href="https://casual-effects.com/markdeep/latest/dark.css">
*/

/*@import url('https://fonts.googleapis.com/css?family=Teko:700');*/

:root {
  /* Polar Night base elements like backgrounds  */
  --nord0_polarnight0:#2e3440;
  --nord1_polarnight1:#3b4252;
  --nord2_polarnight2:#434c5e;
  --nord3_polarnight3:#4c566a;
  /* Snow Storm - text colors */
  --nord4_snowstorm0:#d8dee9;
  --nord5_snowstorm1:#e5e9f0;
  --nord6_snowstorm2:#eceff4;
  /* Frost - primary UI component and text highlighting */
  --nord7_frost0:#8fbcbb;
  --nord8_frost1:#88c0d0;
  --nord9_frost2:#81a1c1;
  --nord10_frost3:#5e81ac;
  /* Aurora r tertiary UI elements that require more visual attention than default elements. */
  --nord11_aurora0:#bf616a;
  --nord12_aurora1:#d08770;
  --nord13_aurora2:#ebcb8b;
  --nord14_aurora3:#a3be8c;
  --nord15_aurora4:#b48ead;

  --linkcolMain:var(--nord0_polarnight0)
}


.md .admonition {
    position: relative;
    margin: 1em 0;
    padding: .4rem 1rem;
    font-size: 80%;
    border-radius: .2rem;
    border-left: 2.5rem solid var(--linkcolMain);
    background-color: var(--nord4_snowstorm0);
    color: var(--linkcolMain);
}

@media screen {
body#md {
  background:var(--nord5_snowstorm1);
  color: var(--nord1_polarnight1);
  font-family: Arial, Helvetica, "sans serif";
  text-align: left;
}
}

.md div.title {
  color: var(--nord8_frost1);
  font-family: Teko, Arial;
  font-size: 200%;
  background: -webkit-linear-gradient(#f9deae, #a87215);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.md a:link, .md a:visited{
  font-weight: bold;
  color: var(--linkcolMain);
  font-family: Arial, Helvetica, "sans serif";
}

.md hr {
  height: 0px;
  border: none;
  border-top: 0.1pt solid #777;
}

.md h1, .md h2, .md h3, .md h4, .md h5, .md h6, .md div.nonumberh1, .md div.nonumberh2,.md div.nonumberh3, .md div.nonumberh4, .md div.nonumberh5, .md div.nonumberh6 {
  color: var(--nord8_frost1);
  border-color: var(--nord8_frost1);
  font-family: Teko, Arial;
  font-size: 100%;
  padding-bottom: 0px;
}

@media screen {
  .md h1, .md h2, .md h3, .md h4, .md h5, .md h6, .md div.nonumberh1, .md div.nonumberh2,.md div.nonumberh3, .md div.nonumberh4, .md div.nonumberh5, .md div.nonumberh6 {
    background: -webkit-linear-gradient(#f9deae, #a87215);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.md svg.diagram {
  stroke: #ccc;
  fill: #ccc;
}

.md svg.diagram .opendot {
  fill: #000;
}

.md .listing {
  background: #ddd;
}

.md .tilde code {
  color: #000;
}

.md .backtick code {
  color: #000;
}

div.markdeepFooter, div.markdeepFooter a {
  color: var(--nord10_frost3) !important;
}

b, em.asterisk {
    font-style: normal; font-weight: bold;
}

@media screen {
    b, em.asterisk {
        color: var(--nord0_polarnight0)
    }
}
 

a em.asterisk {
    color: #6dafff;
}

.md h2, .md .nonumberh2 {
    font-size: 125%
}
.md h3, .md h4, .md h5, .md h6, .md div.nonumberh3, .md div.nonumberh4, .md div.nonumberh5, .md div.nonumberh6 {
    font-size: 115%
}

@media screen {
    .md table.table td {
        border: 1px solid #513302;
    }
    
    .md table.table th {
        background: #af730c;
        background: -webkit-linear-gradient(#d3a658, #af730c);
        border: none;
    }
    
    .md table.table th:last-child {
        border-right: 1px solid #845509;
    }
    
    .md table.table tr:nth-child(even) {
        background-color: #231601;
    }
}

 
/*
.sidenav {
  width: 200px;
  position: fixed;
  z-index: 1;
  top: 20px;
  left: 10px;
  background: rgba(0,0,0,0.1);
  overflow-x: hidden;
  padding: 8px 0;
  line-height: 12px;
  display: none;
}

.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 12px;
  color: var(--linkcolMain);
  display: block;
}

.sidenav a:hover {
  color: var(--linkcolMain);
}*/



.expandsidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: var(--nord4_snowstorm0);
  color: var(--nord5_snowstorm1);
  overflow-x: hidden;
  transition: 0.1s;
  padding-top: 60px;
  line-height: 12px;
}

.expandsidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 14px;
  color: var(--nord1_polarnight1);
  display: block;
  transition: 0.1s;
}

.expandsidenav a:hover {
  color: var(--nord1_polarnight1);
  text-decoration: none;
}

.expandsidenav a:visited {
  color: var(--nord1_polarnight1);
  text-decoration: none;
}

.expandsidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 32px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .expandsidenav {padding-top: 15px;}
  .expandsidenav a {font-size: 14px;}
}