@import "../../../styles/colors";
#hamburger {
    width: 35px;
    cursor: pointer;
  }

  #hamburger:before,
  #hamburger:after,
  #hamburger div {
    background: $blue-primary;
    content: "";
    display: block;
    height: 3px;
    border-radius: 3px;
    margin: 5px 0;
    transition: 0.5s;
  }
  #hamburger.active:before {
    transform: translateY(8px) rotate(135deg);
  }
  #hamburger.active:after {
    transform: translateY(-8px) rotate(-135deg);
  }
  #hamburger.active div {
    transform: scale(0);
  }
