@font-face {
  font-family: "Arial";
  src: url("/Arial.c43fc4fe.ttf");
}
:root {
  --font-small: 15px;
}
@media (min-width: 768px) {
  :root {
    --font-small:16px;
  }
}
@media (min-width: 992px) {
  :root {
    --font-small:17px;
  }
}

.showreel {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
}

.showreel-player {
  width: 90%;
  height: auto;
}
@media (min-width: 768px) {
  .showreel-player {
    width: 85%;
  }
}
@media (min-width: 992px) {
  .showreel-player {
    width: 75%;
  }
}

.showreel-video {
  width: 100%;
  height: 100%;
}

/*# sourceMappingURL=/styles.cbb799b3.css.map */