@import url("../../../../css/fonts.css");
        :root {
          --m-font-size: 58px;
          --block-margin: 0px;
          --h-margin: 0 0 100px 0;
          --h-line-height: 1.0;
          --h-letter-spacing: -3px;
          --h-text-shadow: none;
          --h-font-weight: 500;
          --h1-text-shadow: none;
          --h1-size: 2.25em;
          --h2-size: 2.5em;
          --h3-size: 2.0em;
          --h4-size: 1.75em;
          --m-color: #fff;
          --bg-color: #000;
          --h-color: #fff;
          --m-font: Crimson Pro, Helvetica, sans-serif;
          --h-font: Crimson Pro, Helvetica, sans-serif;
          --code-font: CaskaydiaCove Nerd Font, monospace;
	  --ver-font: Crimson Pro, Georgia, serif;
         }
        
 .reveal-viewport {
   background: #000;
   background-color: var(--bg-color);
 }

 .reveal {
   font-family: var(--m-font);
   font-size: var(--m-font-size);
   font-weight: normal;
   color: var(--m-color);
 }

 .reveal .slides section, .reveal.center,
 .reveal .slides section > section {
   line-height: 1.3;
   font-weight: inherit;
 }

 /*********************************************
  * HEADERS
  *********************************************/
 .reveal h1,
 .reveal h2,
 .reveal h3,
 .reveal h4,
 .reveal h5,
 .reveal h6 {
   margin: var(--h-margin);
   color: var(--h-color);
   font-family: var(--h-font);
   font-weight: var(--h-font-weight);
   line-height: var(--h-line-height);
   letter-spacing: var(--h-letter-spacing);
   /*text-transform: var(--h-text-transform); */
   text-shadow: var(--h-text-shadow);
   word-wrap: break-word;
   text-align: center;
 }

 .reveal h1 {
   font-size: var(--h1-size);
 }

 .reveal h2 {
   font-size: var(--h2-size);
 }

 .reveal h3 {
   font-size: var(--h3-size);
 }

 .reveal h4 {
   font-size: var(--h4-size);
 }

 .reveal h1 {
   text-shadow: var(--h1-text-shadow);
 }

 /*********************************************
  * OTHER
  *********************************************/

 .reveal h1,
 .reveal h2,
 .reveal h3,
 .reveal h4,
 .reveal h5,
 .reveal h6 
 .reveal p {
 }

 .reveal p {
   margin: var(--block-margin) 0;
   line-height: 1.25em;
   text-align: center;
 }

 /* Remove trailing margins after titles */
 .reveal h1:last-child,
 .reveal h2:last-child,
 .reveal h3:last-child,
 .reveal h4:last-child,
 .reveal h5:last-child,
 .reveal h6:last-child {
   margin-bottom: 0;

 }

 /* Ensure certain elements are never larger than the slide itself */
 .reveal img,
 .reveal video,
 .reveal iframe {
   max-width: 95%;
   max-height: 95%;
 }

 .reveal strong,
 .reveal b {
   font-weight: bold;
 }

 .reveal em {
   font-style: italic;
 }

 .reveal del {
   text-decoration: none;

 }
 .reveal ol,
 .reveal dl,
 .reveal ul {
   /*display: inline-block; */
   text-align: left;
   margin: 0 0 0 1em;
   padding-left: 3em;
   padding-right: 3em;
   font-size: 0.85em;
 }

 .reveal ol {
   list-style-type: decimal;
 }

 .reveal ul {
   list-style-type: disc;
 }

 .reveal ul ul {
   list-style-type: square;
 }

 .reveal ul ul ul {
   list-style-type: circle;
 }

 .reveal ul ul,
 .reveal ul ol,
 .reveal ol ol,
 .reveal ol ul {
   display: block;
   margin-left: 0px;
 }

 .reveal dt {
   font-weight: bold;
 }

 .reveal dd {
   margin-left: 0px;
 }

 .reveal q {
   font-style: normal;
 }

 .reveal pre {
   display: block;
   position: relative;
   width: 100%;
   margin: var(--block-margin) auto;
   text-align: left;
   font-size: 0.55em;
   font-family: var(--code-font);
   line-height: 1.2em;
   word-wrap: break-word;
   box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
 }

 .reveal code {
   font-family: var(--code-font);
   text-transform: none;
   tab-size: 0;
   text-align: left
   width: 100%;
   height: 40%;
   color:red;
 }

 .reveal pre code {
   display: block;
   padding: 5px;
   overflow: auto;
   max-height: 400px;
   word-wrap: normal;
 }

 .reveal .code-wrapper {
   white-space: normal;
 }

 .reveal .code-wrapper code {
   white-space: pre;
 }

 .reveal table {
   margin: auto;
   border-collapse: collapse;
   border-spacing: 0;
 }

 .reveal table th {
   font-weight: bold;
 }

 .reveal table th,
 .reveal table td {
   text-align: left;
   padding: 0.2em 0.5em 0.2em 0.5em;
   border-bottom: 1px solid;
 }

 .reveal table th[align=center],
 .reveal table td[align=center] {
   text-align: left;
 }

 .reveal table th[align=right],
 .reveal table td[align=right] {
   text-align: right;
 }

 .reveal table tbody tr:last-child th,
 .reveal table tbody tr:last-child td {
   border-bottom: none;
 }

 .reveal sup {
   vertical-align: super;
   font-size: smaller;
 }

 .reveal sub {
   vertical-align: sub;
   font-size: smaller;
 }

 .reveal small {
   display: inline-block;
   font-size: 0.6em;
   line-height: 1.2em;
   vertical-align: top;
 }

 .reveal small * {
   vertical-align: top;
 }

 .reveal img {
   margin: var(--block-margin) 0;
 }

 .reveal .org-center p {
   text-align: center ;

 }

 /*********************************************
  * LINKS
  *********************************************/
 .reveal a {
   color: var(--link-color);
   text-decoration: none;
   transition: color 0.15s ease;
 }

 .reveal a:hover {
   color: var(--link-color-hover);
   text-shadow: none;
   border: none;
 }

 .reveal .roll span:after {
   color: #fff;
   background: var(--link-color-dark);
 }

 /*********************************************
  * Frame helper
  *********************************************/
 .reveal .r-frame {
   border: 4px solid var(--main-color);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
 }

 .reveal a .r-frame {
   transition: all 0.15s linear;
 }

 .reveal a:hover .r-frame {
   border-color: var(--link-color);
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
 }

 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
 .reveal .controls {
   color: var(--link-color);
 }

 /*********************************************
  * PROGRESS BAR
  *********************************************/
 .reveal .progress {
   background: rgba(0, 0, 0, 0.2);
   color: var(--link-color);
 }

 /*********************************************
  * PRINT BACKGROUND
  *********************************************/
.reveal .slides {
  width: 990px;
  }



 @media print {
   .backgrounds {
     background-color: var(--bg-color);
   }
 }

.reveal div.slides section{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    font-size:100%;
/*     overflow: scroll;              /\* Enables scrolling *\/ */
/*     scrollbar-width: none;       /\* Firefox *\/ */
/*     -ms-overflow-style: none;    /\* IE and Edge *\/ */
 } 
  
  .reveal blockquote {
       padding: 1em;
       margin: -2em 1em 0 1em;
       font-size: 0.85em;
       color: var(--m-color);
       border: 10px solid var(--m-color);
       border-radius: 5px;
    }

  .reveal blockquote p {
       text-align: left !important;
    }
  
    blockquote b, blockquote strong { 
       font-weight: 900;
    }

    .reveal .verse {
       padding: 1em;
       color: var(--m-color);
       border: white thick solid;
       border-radius: 5px;
       text-align: left !important;
       vertical-align: middle;
       background-color: #ffffff00;
       backdrop-filter: blur(20px);
       font-family: var(--ver-font) ;
       margin: -1.5em 1em 0 1em;
    }

    .verse b { 
       font-weight: 900;
    }

    .reveal .verse footer {
        margin-top: 30px;
        margin-bottom: -30px;
        text-align: right !important;
        font-weight: 900;
    }

    .reveal .card {
        text-align: center !important;
        padding: .5em 1em .5em 1em;
        background-color: var(--m-color);
        color: var(--bg-color);
        border-radius: 5px;
        border: var(--m-color) 20px;
      }

   .reveal .card-small {
        text-align: center !important;
        padding: 0 .5em 0 .5em;
        background-color: var(--m-color);
        color: var(--bg-color);
        border-radius: 5px;
        border: var(--m-color) 20px;
      }

   .reveal span.none {
        display: none;
        padding: .5em 1em .5em 1em;
        background-color: var(--m-color);
        color: var(--bg-color);
        border-radius: 5px;
   }

 .reveal del {
        text-decoration: none;
        padding: 1px 5px;
        background-color: var(--m-color);
        color: var(--bg-color);
        border-radius: 2px;
	font-family: Outfit, sans-serif;
	font-size: 0.65em;

 }
   .reveal .text {
        position: relative;
        padding: 1em;
        left: 0;
        flex: 1;
        float:left;
        width: 60%;
        margin: -0.01em;
        font-size: 0.75em;
        color: var(--m-color);
        border-radius: 10px;
        border: 5px solid var(--m-color);
        border-radius: 5px;
        background-color: #ffffff00;
        backdrop-filter: blur(20px);
        text-align: left;
   }
  .reveal .text p {
      text-align: left;
      }

  .text b { 
    font-weight: 900;
  }

      .reveal .com {
          font-size: 0.75em;
          padding: .5em ;
          float: right;
          width: 30%;
          margin: -0.01em;
          margin-bottom: .1em;
          color: var(--m-color);
          border-radius: 10px;
          border-width: 10px;
          border-color: var(--m-color);
          text-align: left !important;
      }


  .reveal .com p {
      text-align: left;
      }
      .fancy1 {
        background: -webkit-linear-gradient(45deg, #176b87, #386f9b, #386f9b, #8671ac, #ab6fa6, #ca6f97);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      .fancy {
        background: -webkit-linear-gradient(45deg, #ffcf96, #ffbc89, #ffa981, #ff957e, #ba3c3c);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

   .reveal span.underline {
     text-decoration: none;
     text-transform: uppercase;
     font-size: 0.75em;
   }