/* Based on https://github.com/dakrone/dakrone.github.com/blob/master/org.css */
/* https://web.dev/articles/prefers-color-scheme */

/* Locally hosted font (TTF) */
@font-face {
    font-family: 'Fasigeko';
    font-style: normal;
    font-weight: normal;
    src: local('Fasigeko'), url('../fonts/fasigeko/Fasigeko-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Bygonest Typewriter';
    font-style: normal;
    font-weight: normal;
    src: local('Bygonest Typewriter'), url('../fonts/bygone/BygonestTypewriter-Demo.woff') format('woff');
}

@font-face {
    font-family: 'Wallau Deutsch Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Wallau Deutsch Bold'), url('../fonts/wallau/wallau.deutsch-bold.woff') format('woff');
}

@font-face {
    font-family: 'Minion Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Minion Pro Regular'), url('../fonts/minion/MinionPro-Regular.woff') format('woff');
}

    @font-face {
    font-family: 'Minion Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Minion Pro Regular'), url('../fonts/minion/MinionPro-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Minion Pro Italic'), url('../fonts/minion/MinionPro-It.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Minion Pro Medium'), url('../fonts/minion/MinionPro-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Minion Pro Medium Italic'), url('../fonts/minion/MinionPro-MediumIt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Minion Pro Semibold'), url('../fonts/minion/MinionPro-Semibold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Minion Pro Semibold Italic'), url('../fonts/minion/MinionPro-SemiboldIt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Bold Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Minion Pro Bold Condensed'), url('../fonts/minion/MinionPro-BoldCn.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Minion Pro Bold'), url('../fonts/minion/MinionPro-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Bold Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Minion Pro Bold Condensed Italic'), url('../fonts/minion/MinionPro-BoldCnIt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Minion Pro Bold Italic'), url('../fonts/minion/MinionPro-BoldIt.woff') format('woff');
    }


:root {
    color-scheme: light dark;
}
.navbar {
  overflow: hidden;
  background-color: var(--body_background);
  position: fixed;
  bottom: 0;
  width: min-content;
  right: 0;
}

.navbar a {
  float: left;
  display: block;
  color: var(--body_color);
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
  font-size: 80%;
}

.navbar a:hover {
  background: #ddd;
  color: black;
}
body {
    padding: 0;
    background: var(--body_background) none repeat scroll 0 0;
    max-width: 900px;
    margin: 0px auto;
    padding: 1em;
    color:  var(--body_color);
    font-family: "Bygonest Typewriter", "Minion Pro Regular", "Open Sans", "Bitstream Vera Sans", "Verdana", sans-serif;
    line-height: 1.6em;
    font-size: 120%;
    text-align: justify;
}

i {
    color: var(--italics_colour);
}

b {
    font-style: oblique;
    font-weight: bold ;
    font-family: "Minion Pro Bold";
}

.subtitle {
    text-align: center;
    font-size: 0.6em;
    margin-top: 0;
    font-size-adjust: cap-height .6;
    line-height: 0.3em;
    color: var(--subtitle_colour);
}

code {
    color: var(--code_color);
    padding: 2px 2px 2px 2px;
    border: 1px solid var(--code_border);
    background: var(--code_background);
    font-size: 115%;
    border-radius: 2px;
    line-height: 1em;
    font-family: monospace;
}

pre {
    border: 1pt solid #AEBDCC;
    background: #eee;
    padding: 5pt;
    overflow: auto;
    border-radius: 4px;
    box-shadow: 3px 3px 3px #eee;
    line-height: 1em;
    font-family: monospace;
    font-size: 115%;
}

img {
    width: 100%;
    heigth: auto;
}

div#content {
    border: 1px solid var(--divcontent_border);
    background: var(--divcontent_background);
    margin: 0;
    padding: 3em;
}

.verse {
    padding: 10px 10px 10px 10px;
    border: 1px var(--blockquote_border_style) var(--blockquote_border);
    background: var(--blockquote_background);
    box-shadow: 5px 5px 5px var(--blockquote_boxshadow);
    border-radius: 2px;
    line-height: 1.6em;
    color: var(--blockquote_color);
}

blockquote {
    padding: 0px 10px 0px 10px;
    border: 1px var(--blockquote_border_style) var(--blockquote_border);
    background: var(--blockquote_background);
    box-shadow: 5px 5px 5px var(--blockquote_boxshadow);
    border-radius: 2px;
    line-height: 1.2em;
    font-style: italic;
    color: var(--blockquote_color);
    text-align: justify;
    font-family: "Minion Pro Italic";
}

a {
    color:  var(--ahref_color);
    text-decoration: underline;
	outline: none;
	text-decoration-style: dotted;
    padding: 1px;
}

a:hover {
    color:  var(--ahref_hovercolor);
    text-decoration-style: solid;
}

/*
a:visited {
    color: #939;
}
*/

#table-of-contents {
    margin: 1em 0;
    padding: .1em;
    text-decoration: none;
}

div.title {
    margin: -1em -1em 0;
    font-size: 200%;
    font-weight: bold;
    background: #369;
    color: #fff;
    padding: .75em 1em;
    letter-spacing: .1em;
}

h1 {
    background:  var(--h1_background) none repeat scroll 0 0;
    font-family: "Wallau Deutsch Bold", "Cardo", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: var(--h1_color);
    font-size: 230%;
    font-weight: normal;
    letter-spacing: 0.1em;
    margin: -1em -1em .2em;
    padding: 0.75em 1em;
}

h2 {
    font-size: 280%;
    font-family: "Fasigeko", "Orbitron","Cardo", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    border-bottom: 1px solid #ccc;
    /*! padding: .2em; */
    padding-top: 0.8em;
    padding-bottom: 0.1em;
}

h3 {
    font-size: 160%;
    font-family: "Wallau Deutsch Bold", "Orbitron", "Cardo", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    /*! text-decoration-line: underline; */
    text-decoration-skip-ink: auto;
    padding-top: 0.8em;
}

h4 {
    font-size: 130%;
    font-family: "Wallau Deutsch Bold", serif;
    text-decoration-line: underline;
    text-decoration-skip-ink: auto;

}

h2, h3, h4 {
    color: var(--h234_color);
}

h3 {
    color: var(--h3_color);
}

div#postamble {
    text-align: left;
    line-height: 1.4em;
    color: var(--postamble_color);
    font-size: 60%;
    padding: 0;
    margin: 0;
    font-family: "Kode Mono", mono;
}

div#postamble p {
    padding: 0;
    margin: 0;
}

div#postamble a {
    color: var(--postamble_color);
    padding: inherit;
}

div#postamble a:hover {
    color: var(--ahref_hovercolor);
}

/* Table stuff begins */

table {
    font-size: 100%;
    border-collapse: collapse;
    margin: .5em 0;
    margin-left: auto;
    margin-right: auto;
}

.org-right {
  text-align: right;
}

thead {
  background-color: var(--table_head_colour);
}

tr:nth-child(even) {
  background-color: var(--table_zebra_colour);
}

/* Table stuff ends */


.title {
    text-align: center;
    font-size-adjust: ch-width .8;
    line-height: 0.8em;

}

.underline {
  text-decoration: underline;
}

sup {
	line-height: 0;
}

.footpara {
  display: inline;
}

.footdef {
  margin-bottom: 1em;
}

.timestamp { color: var(--timestamp); }

@media screen and (max-width: 600px) {
    div#content {
        padding: 2.6em;
        margin-left: -5px;
        margin-right: -5px;
    }
    body {
        line-height: 1.7em;
        font-size: 70%;
    }
    blockquote {
        margin-left: 15px;
        margin-right: 15px;
    }
    .org-ul {
        margin-left: -1.5em;
    }
}
@media (prefers-color-scheme: dark) {
    :root {
        --body_background: #2C2E31;
        --body_color: #bdbdbd;
        --code_color: #b7a07f;
        --code_border: #505250;
        --code_background: #222831;
        --divcontent_border: #ec4747;
        --divcontent_background: #1119;
        --blockquote_border: #9d9093;   
        --blockquote_border_style: dashed;
        --blockquote_background: #242526;
        --blockquote_boxshadow: #111;
        --blockquote_color: #dfe3d7;   
        --ahref_color: #76f553;
        --ahref_hovercolor: #3cff06;
        --h1_background: #222831;
        --h1_color: #ec4747;
        --italics_colour: #eabc08;
        --subtitle_colour: ivory;
        --h234_color: ivory;
        --h3_color: #bbb;
        --table_head_colour: #222831;
        --table_zebra_colour: #31313196;
        --postamble_color: grey;
        --timestamp: #939393;
    }
}
@media (prefers-color-scheme: light) {
    :root {
        --body_background: #d0d2c7;
        --body_color: #3a3a3a;
        --code_color: #048080;
        --code_border: #bbb;
        --code_background: #eee;
        --divcontent_border: #959493;
        --blockquote_border_style: solid;
        --divcontent_background: #FCF7EF;
        --blockquote_border: #bbb;
        --blockquote_background: #eee;
        /* --blockquote_boxshadow: #d9d6d6; */
        --blockquote_color:  #3e3c42;
        --ahref_color: #545553;   
        --ahref_hovercolor: #444443;
        --h1_background: #636462;  
        --h1_color: #fff;
        --italics_colour: #FF3000;
        --subtitle_colour: ivory;
        --h234_color: #b5914c;
        --h3_color: #2755ac;
        --table_head_colour: #c8b48d;
        --table_zebra_colour: #ddd;
        --postamble_color: #6a6969;
        --timestamp:  #abacaa;
    }
}