html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
}

body {
  overflow-x: hidden;
  background: black;
}

main {
  margin: 0;
  padding: 0;
  width: 100%;
}

.landing-poster__image {
  display: block;
  width: 100%;
  height: auto;
}

/* Better Call Garrett poster */

.landing-poster {
  position: relative;
  width: 100vw;
  margin: 0;
}

.landing-poster__image {
  display: block;
  width: 100%;
  height: auto;
}


/* Youtube Link */

.youtube-hitbox {
  position: absolute;

  left: 0.1%;
  bottom: 1.5%;
  width: 48.5%;

  display: block;
  cursor: pointer;
}

.youtube-hitbox svg {
  display: block;
  width: 100%;
  height: auto;

  pointer-events: none;
  overflow: visible;
}


/* alignment styling */

.youtube-hitbox path {
  fill: transparent !important;
  stroke: transparent !important;
  stroke-width: 1.5px !important;
  vector-effect: non-scaling-stroke;

  transition: stroke 120ms ease;
}

.youtube-hitbox:hover path,
.youtube-hitbox:focus-visible path {
  stroke: rgba(0, 0, 0, 0.85) !important;
}