:root {
  --body: #fffbee;
  --white: #ffffff;
  --primary: #7df9ff;
  --secondary: #000000;
  --decorative-yellow-50: #ffe959;
  --decorative-green-50: #76f7ae;
  --decorative-blue-50: #8af1ff;
  --decorative-purple-50: #b37dff;
  --decorative-pink-50: #ffc6e7;
  background-color: var(--body);
  color: var(--secondary);
}

.emphasis {
  font-weight: bold;
}

.note-metadata {
  color: var();
}

.note-metadata p {
  margin-bottom: 0;
  margin-top: 0;
}

.comment {
  font-style: italic;
  color: var(--comment-color);
}

.centered {
  text-align: center;
}

.two-images-container {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.two-images-section p {
  text-align: center;
  margin-bottom: 0rem;
}

.two-images-container figure {
  max-width: 50%;
  margin: 0;
}
.two-images-container img {
  width: 100%;
  height: auto;
}
.two-images-container figcaption {
  text-align: center;
  font-style: italic;
}
.two-images-container figure {
  max-width: 50%;
  height: auto;
}