@import url('reset.css');
@import url('variables.css');
@import url('layout.css');
@import url('components.css');
@import url('navigation.css');
@import url('footer.css');

/* HERO */
.hero {
  position: relative;
  height: 80vh;
  color: var(--white);
}

.hero video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-content {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  text-align: center;
  background: rgba(0,0,0,0.45);
}