/*
    --lavender:      #C4B5D9;
    --lavender-deep: #9E8CBD;
    --lavender-pale: #E8E0F2;
    --jade:          #8DBD9F;
    --jade-deep:     #5A9170;
    --jade-pale:     #C7E0CF;
    --parchment:     #E8D9B5;
    --parchment-deep:#C9B889;
    --parchment-pale:#F5EDD8;
    --ink:           #2C2620;
*/
:root {
    --lavender-pale: #E8E0F2;    
    --lavender:      #C4B5D9;
    --lavender-deep: #9E8CBD;

    --jade-pale:     #C7E0CF;
    --jade:          #8DBD9F;
    --jade-deep:     #5A9170;
    
    --parchment-pale:#F5EDD8;
    --parchment:     #E8D9B5;
    --parchment-deep:#C9B889;

    /*palette 2 */
    --lavender2:      #9478BA;
    --lavender-deep2: #C4ADDF;
    --lavender-dim:   #5C4480;

    --jade2:          #4A9068;
    --jade-deep:      #7ABD8F;
    --jade-dim:       #2D6B4A;

    --parchment2:     #A8915F;
    --parchment-deep2:#C4A96E;
    --parchment-dim:  #7A6540;

    --ink:            #2C2620;
    --bg:             #1A1510;
    --bg2:            #221C15;
    --ink-light:      #E8DCCA;
    --ink-dim:        #7A6B56;
    --jade-ink:       #8ca396; /*#728a7d*/

    --lavender-paledark: #9a96a0;
    
    
    --header-bg:var(--bg);
    --nav-bg:var(--lavender-dim);
    --article-bg:var(--bg2);
    --border-color:var(--parchment);
    --sidebar-text-color: var(--jade-ink);
    --article-text-color: var(--ink-light);
    --article-heading-color:#929292;
    --nav-link-color: var(--parchment);
    --darker-border-color:var(--parchment-deep);
    --background-color:var(--bg2);
  
  }

  .cormorant-garamond-title {
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
  }
  /*
  @font-face {
    font-family: 'MixedFont';
    src: url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700') format('woff2');
    unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-206F, U+2070-209F, U+20A0-20CF, U+2100-214F;
  }
  */
  /*
  @font-face {
    font-family: 'MixedFont';
    src: url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200..900') format('woff2');
    unicode-range: U+2E80-9FFF, U+F900-FAFF, U+FE30-FE4F;
  }
  */

  .container2 {
    display: flex; /* Makes the children flex items, aligning them side by side by default */
  }
  .headingtype {
    font-family: "Cormorant Garamond", "Noto Serif SC", "Noto Serif TC", "Noto Serif JP","Noto Naskh Arabic", "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
    color: var(--lavender-paledark);
  }

  .softheader {
    color: var(--lavender2);
  }
  marquee {
    padding:0;
    margin: 0;
    color: var(--ink-light);
    font-family: 'Literata', serif;
    font-weight: 300;
  }  
  html, body {
    padding:0;
    margin: 0;
    background-color: var(--background-color);
    font-family: 'Literata', serif;
    font-weight: 300;
  }
  body {
    font-size:16px;
  }
  .headthing {
    color: var(--lavender-pale);
    font-family: "cormorant-garamond", serif;
  }
  body a {
    color:var(--nav-link-color);
  }
  
  header, nav {
    max-width:100%;
  }
  aside {
    width:450px;
    margin-top:30px;
  }
  .flex {
    display:flex;
    max-width:8000px;
  }
  nav {
    height:auto;
    margin-bottom:0px;
    background-color:var(--nav-bg);
    
  }
  header {
    max-height:200px;
    height:200px;
    background-color:var(--header-bg);
    background-image:url('');
    background-repeat:repeat-y;
    background-size:800px;
    background-position:fixed;
  }
  main {
    width:100%;
    margin-left:15px;
    margin-right:15px;
    margin: 40px;
  }
  section {
    margin-bottom:10px;
    color:var(--sidebar-text-color);
  }
  article { 
    border:0px solid var(--darker-border-color);
    margin-bottom:15px;
    background-color:var(--article-bg);
    color:var(--article-text-color);
    padding:10px;
  }
  .subtitle {
    border:0px solid var(--darker-border-color);
    background-color:var(--lavender-dim);
    
  }
  .links {
    list-style-type: underline dotted;
    padding-left:0;
  }
  .links li {
    border:0px solid var(--border-color);
    margin-bottom:3px;
    font-size: smaller;
    list-style-type: none;
    
  }
  .links li a {
    text-decoration: underline dotted;
    color:inherit;
    list-style-type: none;
  }
  .nav {
    margin-top:10px;
  }
  .nav li {
    display:inline-block;
    padding-left:30px;
    padding-right:30px;
    margin: auto;
    color: var(--parchment-pale);
  }
  .nav li a {
    text-decoration:none;
    color:var(--nav-link-color);
    font-family: "Playfair Display";
  }
  .left-sidebar {
    margin-left:50px;
  }
  .subtitle {
    color: var(--lavender);

    font-style: italic;
    letter-spacing:0px;
  }
  article .subtitle {
    text-transform:uppercase;
    font-size:16px;
    color:var(--article-heading-color);
    margin-top:10px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:10px;
    
  }
  nav {
    border:2px solid var(--lavender-dim);
    border-left:none;
    border-right:none;
  }
  footer {
    max-width:800px;
    text-align:center;
    color:var(--sidebar-text-color);
    margin:auto;
  }
  footer a{
    color:var(--navbar-link-color);
  }
  @media only screen and (max-width: 800px) {
    .flex {
      flex-wrap:wrap;
    }
    aside {
      display:flex;
      width:100%;
      margin-left:20px;
      margin-right:20px;
    }
    aside > section {
      margin-right:10px;
      
    }
    .nav {
      margin-left:0 !important;
      margin-right:50px;
    }
    .nav li {
      padding-bottom:5px;
    }
  }