body {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
/*  align-items: center;*/
  /*
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  */
}


.video-container {
/*  position: relative;*/
  /* Needed for absolute positioning of the border */
  width: 100vw;
  height: 100vh;
  /* Match video height */
  border: 2px solid #ccc;
  /* Border with desired width and color */
  margin: 0 auto;
  /* Center the container horizontally */
  padding-top: 5px;
  padding-bottom: 5px;
  display: contents;
  justify-content: center;
  align-items: center;


}

/* Styles for the video element */
#video {
  position: relative;
  /* Align to left of container */
  width: 624px;
  /* Fill the entire container */
  height: 420px;
  /* Fill the entire container */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;

}

canvas {
  position: absolute;
}