body {
  position: relative;
  margin: 0;
}

.buttons-holder {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99999;
  display: none;
  opacity: 0;
  gap: 10px;
  a {
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #505151;
    border-radius: 50%;
    &#reload-button svg {
      position: relative;
      left: 2px;
    }
    &.active {
      &#play-video-button svg {
        path.bg-circle {
          fill: #931CF5;
        }
        path.icon {
          fill: #FFF;
        }
      }
    }
  }
}

/* load screen */
.load-screen {
  display: flex;
  text-align: center;
  flex-direction: column;
  #load-player-video-holder {
    position: relative;
    video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      min-height: 100vh;
    }
  }
}

/* welcome screen */
.intro-video-screen {
  display: none;
  flex-direction: column;
  text-align: center;
  #intro-video-holder {
    position: relative;
    video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      min-height: 100vh;
    }
  }
}

/* accenture video screen */
.accenture-video-screen {
  display: none;
  flex-direction: column;
  text-align: center;
  #accenture-video-holder {
    position: relative;
    video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      min-height: 100vh;
    }
  }
}