/*
    List of All Colors
    (sorted using: https://elektrobild.org/tools/sort-colors)
*/
.hamburger-icon {
  padding: 0 8.5px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.hamburger-icon__line {
  margin: 8px auto;
  width: 29px;
  height: 2px;
  display: block;
  background-color: #FFFFFF;
  transition: all 0.15s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all 0.15s cubic-bezier(0.33, 1, 0.68, 1);
  -o-transition: all 0.15s cubic-bezier(0.33, 1, 0.68, 1);
  border-radius: 20px;
}
.hamburger-icon.open {
  transition: all 0.15s cubic-bezier(0.33, 1, 0.68, 1);
  transition-delay: 0.3s;
  transform: rotate(45deg);
}
.hamburger-icon.open .hamburger-icon__line:nth-child(1) {
  transform: translateY(10px);
}
.hamburger-icon.open .hamburger-icon__line:nth-child(2) {
  width: 0px;
}
.hamburger-icon.open .hamburger-icon__line:nth-child(3) {
  transform: translateY(-10px) rotate(90deg);
}
.hamburger-icon.open .hamburger-icon__line:nth-child(1), .hamburger-icon.open .hamburger-icon__line:nth-child(3) {
  transition-delay: 0.15s;
}