#hamburger-menu {
  border: 0;
  background: none;
  cursor: pointer;
  transform: translateX(2rem);
}

#top path, #bottom path {
  transition: stroke-dashoffset 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

#middle {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.line {
  fill: none;
  stroke: #000;
  stroke-width: 2px;
}

path {
  stroke-dasharray: 25 49;
  stroke-dashoffset: 0;
}

.x #middle {
  opacity: 0;
}

.x #top path, .x #bottom path {
  stroke-dashoffset: -49;
}

.hamburger-menu-container {
  position: relative;
}
/*# sourceMappingURL=above-the-fold.min.css.map */