:root{
   --height-number: 400; 
   --slide-height: calc(1px * var(--height-number));
   --slide-aspect-ratio: calc(1140/874); 
   --slide-width: calc(var(--slide-height) * var(--slide-aspect-ratio)); 
   --screen-zoom: 1;
   --zoomed-slide-height: calc(var(--slide-height)*var(--screen-zoom));
   --zoomed-slide-width: calc(var(--slide-width)*var(--screen-zoom));
   --print-zoom: calc(0.8542 * 874/var(--height-number) / var(--screen-zoom)); 
}

.small-slides {
   --screen-zoom: 0.5;
   --zoomed-slide-height: calc(var(--slide-height)*var(--screen-zoom));
   --zoomed-slide-width: calc(var(--slide-width)*var(--screen-zoom));
   --print-zoom: calc(0.8547 * 874/var(--height-number) / var(--screen-zoom)); 
}

.large-slides {
   --screen-zoom: 1.5;
   --zoomed-slide-height: calc(var(--slide-height)*var(--screen-zoom));
   --zoomed-slide-width: calc(var(--slide-width)*var(--screen-zoom));
   --print-zoom: calc(0.8547 * 874/var(--height-number) / var(--screen-zoom)); 
}

.presentation {
   scroll-snap-type: y mandatory; 
   padding: 0px; 
}

.anchor {
   scroll-snap-align: center; 
 /*scroll-snap-stop: always;*/ 
}

.slide {
   overflow: hidden;
   width: var(--slide-width);
   height: var(--slide-height);
   border: none;
   margin: 0 auto;
   padding-top: 15px;
}

.presentation table {
   margin: auto;
}

.presentation th {
   display: none;
 /*font-weight: inherit;
   text-align: inherit;*/   
}

.presentation th, .presentation td {
   border: none;
   padding-top: calc(50vh - (var(--zoomed-slide-height)/2));
   padding-bottom: calc(50vh - (var(--zoomed-slide-height)/2));
   padding-left: 0px;
   padding-right: 0px;
   zoom: var(--screen-zoom);
}

.presentation .markdown-embed table, 
.slide table {
   all: revert !important;
   border-collapse: collapse !important;
   color: var(--text-normal) !important;
}

.presentation .markdown-embed tr,
.slide tr {
/*Return to original table row settings for
  note embeds and slides in the presentation*/ 
   all: revert !important;
}

.presentation .markdown-embed th, 
.presentation .markdown-embed td, 
.slide th, 
.slide td {
   all: revert !important;
   padding: 4px 10px !important;
   border: 1px solid var(--background-modifier-border) !important;
}

.presentation div.markdown-preview-sizer.markdown-preview-section{
   padding-bottom: 0px !important;
   padding-top: calc(4px / (var(--screen-zoom)*var(--screen-zoom)*var(--screen-zoom)) - 3.5px) !important;
}

.presentation .markdown-embed-title, 
/*.presentation .markdown-embed-link,*/
.presentation .file-embed-link {
   display: none;
}

.presentation .markdown-embed, 
.presentation .file-embed {
   border: none;
   margin-top: 0.5px;
}

div.markdown-preview-view.slide{
   padding-left: 25px !important;
   padding-right: 25px !important;
}

.presentation .markdown-embed .markdown-preview-view{
   padding-top: 0px;
   padding-bottom: 0px;
}

.presentation .markdown-embed  {
    padding: 0px 0% 0px 0%;
}

.cover {
   background: url('https://images.unsplash.com/photo-1487700160041-babef9c3cb55?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=735&q=80');
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.cover h1 {
  font-size: 45px;
  margin-bottom: -15px;
}

.cover h1, .body h1, 
.cover h2, .body h2, 
.cover h3, .body h3, 
.cover h4, .body h4, 
.cover h5, .body h5,
.cover h6, .body h6,
.cover p,  .body p,
.cover li, .body li,
.cover th, .body th,
.cover .markdown-embed th, .body .markdown-embed th,
.cover td, .body td,
.cover .markdown-embed td, .body .markdown-embed td{
   color: black !important;
}

.body {
   background-color: darkgrey;
}

.end {
   background: url('https://cdn.pixabay.com/photo/2018/06/16/20/41/rose-3479487_960_720.jpg');
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

@media print {

  table{
     margin: auto;
  }
  tr{
     display: block;
     page-break-before: always;
  }
  th{
     display: none !important;
  }
  td{
     background-color: var(--background-primary); 
     width: 100%;
     height: 100%;
     padding:0px !important; 
  }
  th,td{
     border: none !important;
  }

  h1, 
  h2, 
  h3, 
  h4, 
  h5, 
  h6, 
  p, 
  li,
  table{
     color: var(--text-normal) !important; 
  }

  ::-webkit-scrollbar{
     display: none;
  }
   
  body { 
     margin-top: -20px;
  }

  @page {
     margin-top: 34px;
     margin-bottom: -30px;
     margin-left: calc(-20px * var(--print-zoom));
     margin-right: calc(-20px * var(--print-zoom));
  }

  .slide {
     padding-top: 0px;
     zoom: var(--print-zoom);
  }
}