@font-face { 
    font-family: 'gill_sans'; 
    src: url('/fonts/Gill_Sans.otf') format('opentype'); 
    font-weight: normal; 
    font-style: normal; 
 } 


@font-face { 
    font-family: 'gill_sans_heavy'; 
    src: url('/fonts/Gill Sans Heavy.otf') format('opentype'); 
    font-weight: normal; 
    font-style: normal; 
}

@font-face { 
    font-family: 'gill_sans_bold'; 
    src: url('/fonts/Gill Sans Bold.otf') format('opentype'); 
    font-weight: normal; 
    font-style: normal; 
 }

body
{
    width: 95%;
    margin: 2% auto;
    font-size: 14px;
    line-height: 1.4em;
    font-family: gill_sans;
    color: DarkSlateGray;
    background-color: Cornsilk;
}

@media screen and (min-width: 600px)
    {
        body{
            font-size: 20px
        }

    }


    @media screen and (min-width: 710px)
    {
        body{
            width: 700px
        }
    }


    @media screen and (min-width: 600px)
    {
        h1{
            font-size: 2em
        }


    @media screen and (min-width: 600px)
    {
        .creator{
            display: inline;
            float: right
        }
        .float-left {
            float: none;
            margin-right: 0px;
            margin-bottom: 0px;
}  

    }

h1,h2,h3,h4,h5,h6
{
    color: Brown;
    line-height: 1em;
    font-family: gill_sans_bold
}

h1,h2,h3
{
    line-height: 1.4em
}

h4,h5,h6
{
    font-size: 1em
}


 h2
 {
     font-size: 1.5em
 }

 h3
 {
     font-size: 1.3em
 }

 h1,h2,h3
 {
     line-height: 1.4em
 }

 h4,h5,h6
 {
     font-size: 1.1em
 }

}dt
{
    font-weight: 700
}

table
{
    margin: 1em auto;
    border-top: 2px solid;
    border-collapse: collapse
}

table,thead
{
    border-bottom: 2px solid
}

table td+td,table th+th
{
    border-left: 1px solid grey
}

table tr
{
    border-top: 1px solid #d3d3d3
}

td,th
{
    padding: .3em .6em;
    vertical-align: middle
}

caption.t-above
{
    caption-side: top
}

caption.t-bottom
{
    caption-side: bottom
}

caption
{
    margin-bottom: .3em
}

figcaption
{
    margin-top: .3em
}

th.org-center,th.org-left,th.org-right
{
    text-align: center
}

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

td.org-left
{
    text-align: left
}

td.org-center
{
    text-align: center
}

blockquote
{
    margin: 1em 2em;
    padding-left: 1em;
    border-left: 3px solid #ccc
}

kbd
{
    background-color: #f7f7f7;
    font-size: 80%;
    margin: 0 .1em;
    padding: .1em .6em
}

.todo
{
    background-color: red
}

.done,.todo
{
    color: #fff;
    padding: .1em .3em;
    border-radius: 3px;
    background-clip: padding-box;
    font-size: 80%;
    font-family: Lucida Console,monospace;
    line-height: 1
}

.done
{
    background-color: green
}

.priority
{
    color: orange;
    font-family: Lucida Console,monospace
}

#table-of-contents li
{
    clear: both
}

.tag
{
    font-family: Lucida Console,monospace;
    font-size: .7em;
    font-weight: 400
}

.tag span
{
    padding: .3em;
    float: right;
    margin-right: .5em;
    border: 1px solid #bbb;
    border-radius: 3px;
    background-clip: padding-box;
    color: #333;
    background-color: #eee;
    line-height: 1
}

.timestamp
{
    color: DarkGoldenrod;
    font-size: 90%
}

.timestamp-kwd
{
    color: #5f9ea0
}

.org-right
{
    margin-left: auto;
    margin-right: 0;
    text-align: right
}

.org-left
{
    margin-left: 0;
    margin-right: auto;
    text-align: left
}

.org-center
{
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.underline
{
    text-decoration: underline
}

#postamble p,#preamble p
{
    font-size: 90%;
    margin: .2em
}

p.verse
{
    margin-left: 3%
}

: not(pre)>code
{
    padding: 2px 5px;
    margin: auto 1px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-clip: padding-box;
    color: #333;
    font-size: 80%
}

.org-src-container
{
    border: 1px solid #ccc;
    box-shadow: 3px 3px 3px #eee;
    font-family: Lucida Console,monospace;
    font-size: 80%;
    margin: 1em auto;
    padding: .1em .5em;
    position: relative
}

.org-src-container>pre
{
    overflow: auto
}

.org-src-container>pre: before
{
    display: block;
    position: absolute;
    background-color: #b3b3b3;
    top: 0;
    right: 0;
    padding: 0 .5em;
    border-bottom-left-radius: 8px;
    border: 0;
    color: #fff;
    font-size: 80%
}

.org-src-container>pre.src-sh: before
{
    content: "sh"
}

.org-src-container>pre.src-bash: before
{
    content: "bash"
}

.org-src-container>pre.src-emacs-lisp: before
{
    content: "Emacs Lisp"
}

.org-src-container>pre.src-R: before
{
    content: "R"
}

.org-src-container>pre.src-cpp: before
{
    content: "C++"
}

.org-src-container>pre.src-c: before
{
    content: "C"
}

.org-src-container>pre.src-html: before
{
    content: "HTML"
}

.org-src-container>pre.src-javascript: before,.org-src-container>pre.src-js: before
{
    content: "Javascript"
}

// More languages 0% http: //orgmode.org/worg/org-contrib/babel/languages.html .org-src-container>pre.src-abc: before
{
    content: "ABC"
}

.org-src-container>pre.src-asymptote: before
{
    content: "Asymptote"
}

.org-src-container>pre.src-awk: before
{
    content: "Awk"
}

.org-src-container>pre.src-C: before
{
    content: "C"
}

.org-src-container>pre.src-calc: before
{
    content: "Calc"
}

.org-src-container>pre.src-clojure: before
{
    content: "Clojure"
}

.org-src-container>pre.src-comint: before
{
    content: "comint"
}

.org-src-container>pre.src-css: before
{
    content: "CSS"
}

.org-src-container>pre.src-D: before
{
    content: "D"
}

.org-src-container>pre.src-ditaa: before
{
    content: "Ditaa"
}

.org-src-container>pre.src-dot: before
{
    content: "Dot"
}

.org-src-container>pre.src-ebnf: before
{
    content: "ebnf"
}

.org-src-container>pre.src-forth: before
{
    content: "Forth"
}

.org-src-container>pre.src-F90: before
{
    content: "Fortran"
}

.org-src-container>pre.src-gnuplot: before
{
    content: "Gnuplot"
}

.org-src-container>pre.src-haskell: before
{
    content: "Haskell"
}

.org-src-container>pre.src-io: before
{
    content: "Io"
}

.org-src-container>pre.src-java: before
{
    content: "Java"
}

.org-src-container>pre.src-latex: before
{
    content: "LaTeX"
}

.org-src-container>pre.src-ledger: before
{
    content: "Ledger"
}

.org-src-container>pre.src-ly: before
{
    content: "Lilypond"
}

.org-src-container>pre.src-lisp: before
{
    content: "Lisp"
}

.org-src-container>pre.src-makefile: before
{
    content: "Make"
}

.org-src-container>pre.src-matlab: before
{
    content: "Matlab"
}

.org-src-container>pre.src-max: before
{
    content: "Maxima"
}

.org-src-container>pre.src-mscgen: before
{
    content: "Mscgen"
}

.org-src-container>pre.src-Caml: before
{
    content: "Objective"
}

.org-src-container>pre.src-octave: before
{
    content: "Octave"
}

.org-src-container>pre.src-org: before
{
    content: "Org"
}

.org-src-container>pre.src-perl: before
{
    content: "Perl"
}

.org-src-container>pre.src-picolisp: before
{
    content: "Picolisp"
}

.org-src-container>pre.src-plantuml: before
{
    content: "PlantUML"
}

.org-src-container>pre.src-python: before
{
    content: "Python"
}

.org-src-container>pre.src-ruby: before
{
    content: "Ruby"
}

.org-src-container>pre.src-sass: before
{
    content: "Sass"
}

.org-src-container>pre.src-scala: before
{
    content: "Scala"
}

.org-src-container>pre.src-scheme: before
{
    content: "Scheme"
}

.org-src-container>pre.src-screen: before
{
    content: "Screen"
}

.org-src-container>pre.src-sed: before
{
    content: "Sed"
}

.org-src-container>pre.src-shell: before
{
    content: "shell"
}

.org-src-container>pre.src-shen: before
{
    content: "Shen"
}

.org-src-container>pre.src-sql: before
{
    content: "SQL"
}

.org-src-container>pre.src-sqlite: before
{
    content: "SQLite"
}

.org-src-container>pre.src-stan: before
{
    content: "Stan"
}

.org-src-container>pre.src-vala: before
{
    content: "Vala"
}

.org-src-container>pre.src-axiom: before
{
    content: "Axiom"
}

.org-src-container>pre.src-browser: before
{
    content: "HTML"
}

.org-src-container>pre.src-cypher: before
{
    content: "Neo4j"
}

.org-src-container>pre.src-elixir: before
{
    content: "Elixir"
}

.org-src-container>pre.src-request: before
{
    content: "http"
}

.org-src-container>pre.src-ipython: before
{
    content: "iPython"
}

.org-src-container>pre.src-kotlin: before
{
    content: "Kotlin"
}

.org-src-container>pre.src-Flavored Erlang lfe: before
{
    content: "Lisp"
}

.org-src-container>pre.src-mongo: before
{
    content: "MongoDB"
}

.org-src-container>pre.src-prolog: before
{
    content: "Prolog"
}

.org-src-container>pre.src-rec: before
{
    content: "rec"
}

.org-src-container>pre.src-ML sml: before
{
    content: "Standard"
}

.org-src-container>pre.src-Translate translate: before
{
    content: "Google"
}

.org-src-container>pre.src-typescript: before
{
    content: "Typescript"
}

.org-src-container>pre.src-rust: before
{
    content: "Rust"
}

.inlinetask
{
    background: #ffc;
    border: 2px solid grey;
    margin: 10px;
    padding: 10px
}

#org-div-home-and-up
{
    font-size: 70%;
    text-align: right;
    white-space: nowrap
}

.linenr
{
    font-size: 90%
}

.code-highlighted
{
    background-color: #ff0
}

#bibliography
{
    font-size: 90%
}

#bibliography table
{
    width: 100%
}

.creator
{
    display: block
}

a
{
    color: Sienna;
    text-decoration: underline;
}

a:hover
{
    color: red;
    text-decoration: none;
}


a.logo {
    color: Brown;
    font-family: gill_sans_bold;
    font-size: 2em;
    text-decoration: none;
}

/*  .topnav ul {
      margin: 0;
      padding: 0;
      
      display:flex;
  }
*/


/* Evenly spaced items */
.topnav {
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    background-color: #FFE4B5;
}

:: -moz-selection
  {
      background: #d6edff
  }

  :: selection
  {
      background: #d6edff
  }

.title
{
    text-align: left;
    margin: .8em auto;

}

.subtitle
{
    color: grey;
    text-align: left;
    font-size: .7em;
    line-height: 0;
    margin: 10em auto;
}

p
{
    margin: 1em auto
}

dl,ol,ul
{
    margin: 0 auto
}


.abstract
{
    margin: auto;
    width: 80%;
    font-style: italic
}

.abstract p: last-of-type: before
{
    content: "    ";
    white-space: pre
}

.status
{
    font-size: 90%;
    margin: 2em auto
}

[class^=section-number-]
{
    margin-right: .5em
}

[id^=orgheadline]
{
    clear: both
}

#footnotes
{
    font-size: 90%
}

.footpara
{
    display: inline;
    margin: .2em auto
}

.footdef
{
    margin-bottom: 1em
}

.footdef sup
{
    padding-right: .5em
}


figure
{
    padding: 0;
    margin: 1em auto;
    text-align: center
}

img
{
    max-width: 100%;
    vertical-align: middle
}

.MathJax_Display
{
    margin: 0!important;
    width: 90%!important
}

.float-left {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.figure {
    background-color: #FFE4B5;
}

.download-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.download-button:hover {
    background-color: #45a049;
}

.download-button:active {
    background-color: #3e8e41;
}