marp-slide.css

section {
  background-image: linear-gradient(to bottom, #ffffff, #efefef);
  justify-content: flex-start;
  display: flex;
}

section header {
  background-color: #333;
  padding: 8px 13px;
  position: fixed;
  top: -1px;
  left: 0;
  color: #aaa;
  opacity: .7;
}

section footer {
  padding: 8px 15px;
  position: fixed;
  bottom: 0;
  left: 0;
  color: #666;
  opacity: .7;
}

section[id="1"] {
  justify-content: center;
}

section[id="1"] h1 {
  margin-bottom: 80px;
}

section[id="1"] p {
  font-size: smaller;
  color: #666;
}

section[id="1"] p strong {
  font-size: larger;
  color: #333;
}

section.slide {
  justify-content: start !important;
}

section.topic {
  background-image: linear-gradient(to bottom, #eeeeee, #cdcdef);
  justify-content: center;
}

section.fullscreen h1 {
  visibility: hidden;
}

section.fullscreen figure {
  margin: 50px !important;
}

section.no-h2 h2 {
  display: none;
}

section.step figure {
  /* position: fixed !important; */
  /* bottom: 0 !important; */
  margin-top: 150px !important;
}

section.columns-2 {
  display: inline-block;
  column-fill: auto;
  column-count: 2;
  column-gap: 40px
}

section.columns-3 {
  display: inline-block;
  column-fill: auto;
  column-count: 3;
  column-gap: 40px
}

section.columns-4 {
  display: inline-block;
  column-fill: auto;
  column-count: 4;
  column-gap: 30px
}

section.smaller-fonts {
  font-size: small;
}


section:not([id="1"]) h1 {
  line-height: .8;
}

section:not([id="1"]) h2 {
  line-height: .8;
}

section table {
  width: 100%;
}

section table th, section table td {
  font-size: smaller;
}