/* droid-serif-regular - latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/droid-serif-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Droid Serif'), local('DroidSerif'),
       url('../fonts/droid-serif-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/droid-serif-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/droid-serif-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/droid-serif-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/droid-serif-v6-latin-regular.svg#DroidSerif') format('svg'); /* Legacy iOS */
}
/* droid-serif-italic - latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/droid-serif-v6-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Droid Serif Italic'), local('DroidSerif-Italic'),
       url('../fonts/droid-serif-v6-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/droid-serif-v6-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/droid-serif-v6-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/droid-serif-v6-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/droid-serif-v6-latin-italic.svg#DroidSerif') format('svg'); /* Legacy iOS */
}
/* droid-serif-700 - latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/droid-serif-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'),
       url('../fonts/droid-serif-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/droid-serif-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/droid-serif-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/droid-serif-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/droid-serif-v6-latin-700.svg#DroidSerif') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-regular - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/yanone-kaffeesatz-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'),
       url('../fonts/yanone-kaffeesatz-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v7-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* ubuntu-mono-regular - cyrillic_latin */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-mono-v6-cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'),
       url('../fonts/ubuntu-mono-v6-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-mono-v6-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-mono-v6-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-mono-v6-cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-mono-v6-cyrillic_latin-regular.svg#UbuntuMono') format('svg'); /* Legacy iOS */
}

    


      body { font-family: 'Droid Serif'; }
      h1, h2, h3 {
        font-family: 'Yanone Kaffeesatz';
        font-weight: normal;
      }
      .remark-code, .remark-inline-code {
      font-family: 'Droid Serif'   !important;
      background-color: transparent !important;
      font-variant: small-caps;
      color: #0B405B !important;
      font-size: 100%;
      }

          .code-grey {
      font-family: 'Droid Serif'   !important;
      background-color: transparent !important;
      font-variant: small-caps;
      color: gray !important;
      font-size: 100%;
      }

@media only screen {


.remark-slides-area {
    width: 100%;
    height: 100%;
    position: fixed; 
}

.remark-container    {
/*    background-color: #1ba1e2;*/
}
}

      /* Two-column layout */
      .left-column {
        color: #777;
        width: 20%;
        height: 92%;
        float: left;
      }
        .left-column h2:last-of-type, .left-column h3:last-child {
          color: #000;
        }
      .right-column {
        width: 80%;
        float: right;
        padding-top: 1em;
      }

      
       .single-column {
        width: 100%;
        float: left;
        
      }

         /* Two-column layout */
      .half-col {
    width: 48%;
  float: left;
    margin-right: 2%;
      }
         .col-1-3 {
    width: 30%;
  float: left;
    margin-left: 2%;  
    margin-right: 1%;
      }
        .col-1-6 {
    width: 15%;
  float: left;
    margin-left: 1%;  
    margin-right: 1%;
      }


.remark-slide-content {
    display: table-cell;
    vertical-align: middle;
    padding: 0 3em;
    /*border-bottom: 15px solid #1ba1e2;*/
    font-size: 18px;
}      

.footer {
      width: 100%;
      bottom: 0;
      position: fixed;
}

 .img-50 img {
  width: 50%;
}

.red{
    color: red;
}
   
.up {
font-variant: small-caps;
}

.smaller {
  font-size: smaller;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}

.asbtn {
  border: 1px solid lightgray;
  padding: 2px;
  border-radius: 10%;
}



@media (prefers-color-scheme: dark) {

    /* theme class for slide pages */
    .inverse {
        background: hsl(0, 0%, 15%)  !important;
        color: hsl(0, 5%, 75%)  !important;
    }
    .inverse h1 {
        color: hsl(0, 5%, 95%)  !important;
        line-height: 0.8em;
    }
    .inverse h2 {
        color: hsl(0, 5%, 90%)  !important;
        line-height: 0.8em;
    }
    .inverse a {
        /*color: hsl(330, 75%, 50%)  !important;*/
        color: #abd4ed !important;
        text-decoration: none;
    }
    .inverse code {
        color: hsl(330, 75%, 100%)  !important;
    }
    /* custom styles for inline span notation */
    span.red {color: hsl(0, 90%, 50%)  !important;}    
 
    .remark-slide .bg-warning {
        background-color: #685E2E;
    }
 
}