* {
  box-sizing: border-box;
}

html,
body {
  background: #101215;
  color: #f3f4f6;
  font-family: Arial, sans-serif;
  height: 100%;
  margin: 0;
}

.player {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 16px;
}

video {
  background: #000;
  max-height: calc(100vh - 72px);
  max-width: 100%;
  width: min(100%, 960px);
}

.status {
  color: #b4bdc9;
  min-height: 24px;
  text-align: center;
}