body {

  padding: 0px;

  margin: 0;

}



#videoWrapper {

  height: 100vh;

  overflow: hidden;

  position: relative;

}



#videoWrapper video {

  position: absolute;

  min-width: 90%;

  min-height: 90%;

  width: auto;

  height: auto;

  object-fit: cover; 

  z-index: -100;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

}



#videoWrapper .caption {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.3);

}



#videoWrapper .caption .contents {

  width:50%;

  color: #fff;

  text-align: center;

  padding: 2rem;

  background-color: rgba(0, 0, 0, 0.8);

}





.first-page {

  position: relative;

  top:-30px;

  max-width: fit-content(30em);

  width:75%;

  margin-top:80px;

}