:root {
  /* Text Colors: */
  --text-color: #ffffff;
  --sidebar-text-color: #C6CDD7;
  --link-color: #C6CDD7;
  --link-color-hover: #C6CDD7;

  /* Text: */
  --font: Verdana, sans-serif;
  --heading-font: Helvetica, sans-serif;
  --font-size: 14px;
  
  --text-shadow: #000000;
}

@font-face {
  font-family: Daughter Of Fortune;
  src: url(/assets/fonts/daughteroffortune.ttf);
}

@font-face {
  font-family: Leander;
  src: url(/assets/fonts/leander.ttf);
}

@font-face {
  font-family: Alkhemikal;
  src: url(/assets/fonts/alkhemikal.ttf);
}


/*--------*/

                                  /* Generic */


main a,
main a:visited {
  color: var(--link-color);
}

main a:hover,
main a:focus {
  color: var(--link-color-hover);
  text-decoration-style: wavy;
}

main hr {
  border: 0;
  border-top: var(--border);
  margin: 1.5em 0;
}






body {
  font-size: var(--font-size);
  color: var(--text-color);
  font-family: var(--font);
}



header {   font-size: 1.2em;}

.header-title {
  font-family: var(--heading-font);
  font-size: 1.5em;
  font-weight: bold;
}

header nav ul li strong {
  color: var(--link-color);
  text-decoration: underline;
  font-weight: normal;
}



aside {color: var(--sidebar-text-color);}

.sidebar-title {
  font-weight: bold;
  font-size: 1.2em;
  font-family: var(--heading-font);
}


footer a,
footer a:visited {
  color: var(--link-color);
}

footer a:hover,
footer a:focus {
  color: var(--link-color-hover);
}





                                          /*-Special Text Format-*/


mark {
  /* Text highlighted by using the <mark> element */
  text-shadow: 1px 1px 4px var(--link-color);
  background-color: inherit;
  color: var(--text-color);
}


fancytitle {font-family: Daughter Of Fortune; font-size: 3em; color: #68181b; -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: white; paint-order: stroke fill;}


                                      /* HEADINGS: */

main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
  font-family: var(--heading-font);
  margin-bottom: 0;
  line-height: 1.5;
}

main h1:first-child,
main h2:first-child,
main h3:first-child,
main h4:first-child,
main h5:first-child,
main h6:first-child {
  margin-top: 0;
}

main h1 {font-size: 1.5em;}
main h2 {font-size: 1.4em;}
main h3 {font-size: 1.3em;}
main h4 {font-size: 1.2em;}
main h5 {font-size: 1.1em;}
main h6 {font-size: 1em;}


h1,
h2,
h3{
  padding: .2em 1em;
  border-radius: 4px;
}
/*#523032 in rgb*/
h1{background-color: rgba(36, 26, 74, 1);}
h2{background-color: rgba(36, 26, 74, 0.8);}
h3{background-color: rgba(36, 26, 74, 0.5);}











                                        /* Links: */
a {
  text-decoration: underline;
}

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

a:hover,
a:focus {
  color: var(--link-color-hover);
  text-decoration: none;
}


hr.dashed {
 border-top: 2px dashed;
 border-bottom: none;
}

hr.small {
  margin: 0.5em 0;
}