video {
  max-width: 80vw;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.intro {
  width: 100vw;
      
  height: 100vh;
  position: sticky;
  top: 0px;
  left: 9px;
  
  background: black;
  
  animation-name: logo-cut;
  animation-delay: 5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  
  z-index: 1000;
}

@keyframes logo-cut {
  0%   { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; display: none;}
}