:root>* {
  --md-primary-fg-color: #2C3E60;
  --md-primary-fg-color--light: #F39C12;
  --home-primary-fg-color: rgb(255, 255, 255);
  --home-primary-fg-color-dark: rgba(0, 0, 0, 0.87);
}

.so-shadow {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

figure {
  .inline {
    padding: 100px;
  }
}

video {
  &.page {
    border: 2px solid #f39c12;
    /* padding: 5px; */
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
}

.question-mark-icon {
  cursor: help;
  /* Other styling as needed */
  border-radius: 50%;
  /* Optional: Make it circular */
}