.projector-container {
  height: 100%;
  padding: 1rem;
  background-color: #111;
}

.image-container, .video-container {
  width: 100%;
  height: 100%;
  background-color: #111;
  border-radius: 0.5rem;
  overflow: hidden;
}

.projector-image, .projector-video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.markdown-container {
  height: 100%;
  padding: 1rem;
  color: white;
  background-color: #111;
  border-radius: 0.5rem;
  overflow-y: auto;
}

.markdown-container h1,
.markdown-container h2,
.markdown-container h3 {
  color: #00f3ff;
}

.markdown-container a {
  color: #00f3ff;
  text-decoration: none;
}

.markdown-container pre {
  background-color: #1a1a1a;
  padding: 1rem;
  border-radius: 0.25rem;
}
