body {
  display: grid;
  place-content: center;
  margin: 0;
  padding: 0;
  font-family: "anca", sans-serif;
  background: url(../images/bg.png) #000;
  background-size: cover;
  color: #ffffff;
  min-height: 100dvh;
}
@media screen and (width <= 640px) {
  body {
    background: url(../images/bg-mobile.png) #000;
    background-size: cover;
  }
}

.video-container {
  position: relative;
}
.video-container video {
  aspect-ratio: 64/43;
  max-width: 100%;
  max-height: 99dvh;
}
.video-container .bar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 10%;
  z-index: 11;
  font-size: clamp(24px, 2vw, 36px);
  text-decoration: none;
}
@media screen and (width <= 640px) {
  .video-container .bar {
    bottom: 0;
  }
}
.video-container .bar img {
  height: 1em;
}/*# sourceMappingURL=main.css.map */