// Staff Credit
.staff-credit :global {
  // attached !important for updating from .modal-dialog class style
  width: 80vw !important;
  max-width: unset !important;

  height: 80vh !important;
  max-height: unset !important;

  margin: 10vh 10vw !important;

  // see https://css-tricks.com/old-timey-terminal-styling/
  .credit-curtain {
    padding-top: 80vh;

    text-shadow: 0 0 10px #c8c8c8;
    background-color: black;
    background-image: radial-gradient(rgba(50, 100, 100, 0.75), black 120%);
  }

  .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: repeating-linear-gradient(0deg, rgba(black, 0.15), rgba(black, 0.15) 2px, transparent 2px, transparent 4px);
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .dev-position,
  .dev-name {
    font-family: 'Press Start 2P', Lato, -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: white;
  }

  $credit-length: -240em;

  h1 {
    font-size: 3em;
  }

  h2 {
    font-size: 2.2em;
  }

  .dev-position {
    font-size: 1em;
  }

  .dev-name {
    font-size: 1.8em;
  }

  .staff-credit-mt-10rem {
    margin-top: 10rem;
  }

  .staff-credit-mb-6rem {
    margin-bottom: 6rem;
  }

  .staff-credit-content {
    padding-bottom: 40vh;
  }
}
