/* indiana jones experiment */
@font-face {
  font-family: 'Indiana Jones';
  src: url('SF Fedora.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Indiana Jones Titles';
  src: url('SF Fedora Titles.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body.reveal-viewport {
  background-image: url("ij-background.png");
  background-size: cover;
}

.reveal h1 {
  transform: skewY(-5deg);
}

.reveal h2 {
  transform: skewY(-3deg);
}

.tableblock th {
  font-family: 'Indiana Jones Titles', sans-serif;
  color: #c99230;
  text-shadow: 1px 1px black , -1px -1px black , -1px 1px black , 1px -1px black;
}

.reveal h1, .reveal h2 {
  font-family: 'Indiana Jones', sans-serif;
  font-size: 2.5em;
  background: linear-gradient(180deg, #8b4513, #d4af37);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  filter: drop-shadow(-1px -1px black) drop-shadow(1px 1px black) drop-shadow(1px -1px black) drop-shadow(-1px 1px black) drop-shadow(-6px 4px black);
}

.reveal .imageblock.framed img {
  border-radius: 30px;
  box-shadow: -6px 3px black;
  border: 1px solid black;
}

.reveal a {
  color: #332d24;
  font-size: 1em;
  transition: font-size 0.2s;
}

.reveal a:hover {
  color: #332d24 !important;
  font-size: 1.1em;
}

.reveal h2 {
  font-size: 1.8em;
}

.small {
  font-size: 0.7em;
}
/* end indiana jones experiment */