body {
  margin: 0px;
}
h1 {
  text-align: center;
}

.video {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (orientation: portrait) {
  .video video {
    display: block;
    height: auto;
    width: 80vw;
  }
}
@media screen and (orientation: landscape) {
  .video video {
    display: block;
    height: 80vh;
    width: auto;
  }
}