:root {
  --width-border: 460px;
  --height-border: 812px;
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
  font-weight: 500;
}

body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  background-color: black;

  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* section {
  box-shadow: inset 0px 90px 50px -50px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 0px 90px 50px -50px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: inset 0px 90px 50px -50px rgba(0, 0, 0, 0.35);
} */

/* video {
  content-visibility: auto;
} */

video {
  /* position: fixed; */
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background-size: cover;
}