.smallseb60 {
  font-size: 60%;
}

.smallseb70 {
  font-size: 70%;
}

.smallseb80 {
  font-size: 80%;
}

.orange {
  color: #a5504f;
}

.soshs {
  position: relative;
  color: #4fa4a5;
  line-height: 0.7;
}
.zoom {
  transition: transform 0.2s; /* Animation */
}

.zoom:hover {
  transform: scale(
    1.5
  ); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  padding-top: 90px;
  padding-left: 60px;
}

.right3 {
  width: 50%;
  float: right;
}
.left3 {
  float: left;
  width: 50%;
}

.headerh1 {
  font-size: 90%;
  color: #a5504f;
  font-family:
    "Arial" ", " Helvetica "",
    sans-serif;
}

.reveal .slides section#title-slide .title,
.reveal .slides section#title-slide .content,
.reveal .slides section.quarto-title-block .title,
.reveal .slides section.quarto-title-block .content {
  position: relative;
}

.reveal .slides section#title-slide::after,
.reveal .slides section.quarto-title-block::after {
  content: "";
  display: block;
  height: 100px;
  margin-top: 4rem;
  background-image:
    url("img/UNI_Logo_Inter_C2DH_cmyk_black.png"),
    url("img/UNI_Label_C2DH_cmyk_black.png"), url("img/logo-jdh.png");
  background-repeat: no-repeat, no-repeat;
  background-size:
    auto 128px,
    auto 128px,
    auto 128px;
  background-position:
    calc(50% - 250px) bottom,
    calc(50% + 70px) bottom,
    calc(50% + 300px) bottom;
  width: 100%;
  position: relative;
}

.title {
  font-size: 130%;
  font-weight: bold;
  color: black;
}

#title-slide .title {
  font-size: clamp(1rem, 4vw, 6rem);
  line-height: 1.05;
}

.subtitle {
  font-size: 100%;
  font-weight: bold;
  color: #4fa4a5;
}

.reveal .slide-footer {
  font-size: 10%;
  color: black;
}

.img {
  width: 27%;
}

.institute {
  font-size: 50%;
  color: #a5504f;
  font-weight: bold;
}

.date {
  font-size: 70%;
  color: black;
}

.author {
  font-size: 20%;
  color: black;
}

.affiliations {
  font-size: 14px;
}

.smaller {
  font-size: 40px;
  line-height: 0.7;
}

.top-right {
  position: relative;
  margin: 0 0 0 0;
  text-align: right;
  font-size: 16px;
  color: #4fa4a5;
  line-height: 0.1;
}

/* Override Reveal.js default max-height for images */
.reveal img {
  max-height: 400%;
}