.container{
  display: flex;
}
.logo-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.logo-wrapper > div {
  width: 10rem !important;
  height: 10rem !important;
  background: white;
  margin: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-wrapper > div > img {
  width: 90% !important;
  vertical-align: middle;
  margin: 0;
}
.col {
  flex: 1;
}

.pt {
  padding-top: 3rem;
}


@font-face { 
    font-family: "inter"; 
    src: url("Inter/static/Inter-Regular.ttf"); 
}

@font-face { 
    font-family: "inter-bold"; 
    src: url("Inter/static/Inter-Bold.ttf") format("truetype"); 
}

.reveal h1, .reveal h2 {
    font-family: 'inter-bold'
}

.reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal, #footnote {
    font-family: 'inter'
}

.about-face {
    border-radius: 50%;
    height: 300px;
}

.reveal .undertitle {
    font-family: 'inter';
}

.shadowed {
   text-shadow: 2px 2px black !important;
}

#footnote {
  position: absolute;
  bottom: .5rem;
  left: .5rem;
  color: black;
}

.two-column-wrapper {
  position: relative;  /* Needed for absolute-positioned SVG lines */
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; /* Start columns at top alignment */
  padding: 1em 0;
  font-size: .6em;
}

.aacolumn {
  width: 45%;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/* --- Authors and Affiliations text styling --- */
.author,
.affiliation {
  position: relative; /* So we can easily find element positions in JS */
}

/* Align text in each column for clarity */
.column-authors {
  text-align: right;
}
.column-affiliations {
  text-align: left;
}

/* --- The SVG lines container --- */
.connectors {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* So clicks pass through */
}

.reveal .slide-number {
  font-size: 1em !important;
  color: #ffffff;
}

.reveal strong {
    font-weight: 1000;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}