.dh-bars {
  border: none;
  background: transparent;
  position: relative;
  width: 34px;
  height: 34px;
  padding: 5px; }
  .dh-bars span {
    width: 24px;
    display: block;
    height: 2px;
    background-color: #212121;
    margin: 5px 0px;
    position: absolute;
    transition: all .3s; }
    .dh-bars span:nth-child(1) {
      top: 7px; }
    .dh-bars span:nth-child(2) {
      top: 14px; }
    .dh-bars span:nth-child(3) {
      top: 21px; }

.dh-bars.bar-open span:nth-child(1) {
  transform: rotate(45deg);
  top: 10px; }
.dh-bars.bar-open span:nth-child(2) {
  top: 10px;
  transform: rotate(90deg);
  translate: 30px;
  opacity: 0; }
.dh-bars.bar-open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 10px; }

/*# sourceMappingURL=custom.css.map */