:root {
  --portal-background: transparent;
  --portal-surface: #ffffff;
  --portal-text: #1e2933;
  --portal-accent: #116466;
  --portal-font: Georgia, 'Times New Roman', serif;
  --portal-overlay-opacity: 0;
}

.portal-page {
  position: relative;
  isolation: isolate;
  background: var(--portal-background);
  color: var(--portal-text);
  font-family: var(--portal-font);
}

.portal-page::before,
.portal-page::after {
  content: '';
  inset: 0;
  pointer-events: none;
  position: fixed;
}

.portal-page::before {
  z-index: -2;
  background: var(--portal-background) center / cover no-repeat fixed;
}

.portal-page::after {
  z-index: -1;
  background: #000000;
  opacity: var(--portal-overlay-opacity);
}

.portal-background-video {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  position: fixed;
  z-index: -2;
}