/********** Code formatting **********/
.container {
  display: flex;
}

.col {
  flex: 1;
}

.reveal pre code {
  max-height: 100%;
}

/********** Background **********/
.reveal > .backgrounds > div {
  background-image: url("../assets/yellow.jpg");
  background-size: cover;
  opacity: 0.7;
  z-index: 1;
}

.reveal > .backgrounds > div:first-child {
  background-image: url("../assets/yellowTitle.jpg");
  background-size: cover;
  opacity: 0.7;
  z-index: 1;
}

/********** Slides: Title on top, content centered **********/
.reveal .slides > section,
.reveal .slides > section > section {
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  position: absolute !important;
  top: 0 !important;
}

.print-pdf .reveal .slides > section.present,
.print-pdf .reveal .slides > section > section.present {
  min-height: 770px !important;
  position: relative !important;
}

/********** First slide: Title in the middle, right aligned **********/
.reveal .slides > section:first-child {
  position: initial !important;
}

.reveal > .slides > section:first-child > h1,
.reveal > .slides > section:first-child > h2 {
  padding-left: 2em;
  text-align: right !important;
  justify-content: right !important;
  position: relative !important;
  margin-right: unset !important;
}

.reveal > .slides > section:first-child > h1 {
  color: #fac846;
  padding-top: 45vh;
}

.reveal > .slides > section:first-child > h2 {
  color: #fac846;
}

section > p {
  text-align: left;
}

.reveal blockquote {
  font-size: 0.7em;
  margin-left: 0;
  text-align: left;
  width: 100%;
  background: #f9fbfd;
}

.reveal blockquote p {
  margin: 5px;
}

.reveal code:not(.hljs) {
  background: #ebebe9;
  color: #da574f;
  border-radius: 5px;
  font-size: 1em;
  padding: 0.05em 0.1em;
  line-height: 1.5em;
}