:root {
  /* Font Families */
  /* Web font families can be imported here, or by editing your base page templates siteCSS */

  /* --font-sans: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  /* --font-serif: Georgia, Cambria, "Times New Roman", Times, serif; */
  /* --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; */

  /* Font size overrides */

  /* --font-size-sm: 1rem; */
  /*--font-size-base: 1.125rem;*/
  /*--font-size-lg: 1.25rem;*/
  /*--font-size-xl: 1.5rem;*/
  /*--font-size-2xl: 1.875rem;*/
  /*--font-size-3xl: 2.25rem;*/
  /* --font-size-4xl: 5rem; */
  /*--font-size-5xl: 3rem;*/
  /*--font-size-6xl: 4rem;*/
}

.darkbackground {
    background-color: black;
}

.tutorial-media .md\:flex-row-reverse {
    flex-direction: column-reverse;
}

.tutorial-media .md\:flex-row-reverse img {
    box-shadow: 5px 5px 5px 0px rgba(17, 17, 17, 0.28);
    border: solid 1px silver;
    
}

.tutorial-media section {
   padding-left: 0px;
   padding-right: 0px;
}

.tutorial-media .theme-dark {
   padding-left: 1.5em;
   padding-right: 1.5em;
}