*,
*::after,
*::before {
  box-sizing: border-box;
}

html {
  background-color: #ffc500;
  background-image: linear-gradient(#ffc500, #c21500);
  background-repeat: no-repeat;
}

body {
  display: grid;
  margin-block: 0;
  margin-inline: auto;
  max-width: 48rem;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  padding-inline: 1rem;
  place-items: center;
}

video {
  border: 1rem solid rgb(0 0 0 / 0.125);
  border-radius: 0.25rem;
  max-width: 100%;
}