.modal {
      display: none;
      position: fixed;
      z-index: 9999;
      left: 0; top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.8);
    }
    .modal.active {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .modal iframe {
      width: 80vw;
      height: 45vw;
      max-width: 1280px;
      max-height: 720px;
      border: none;
      background: #000;
    }
    .modal .close {
      position: absolute;
      top: 1em;
      right: 1em;
      font-size: 2em;
      color: white;
      cursor: pointer;
    }