Buttons | mtsrakibul1 proud emu 92

<nav class="menu">
  <input
    id="menu-open"
    name="menu-open"
    class="menu-open"
    href="#"
    type="checkbox"
  />
  <label for="menu-open" class="menu-open-button">
    <span class="lines line-1"></span>
    <span class="lines line-2"></span>
    <span class="lines line-3"></span>
  </label>

  <a class="menu-item blue" href="#"> <i class="fa fa-anchor"></i> </a>
  <a class="menu-item green" href="#"> <i class="fa fa-coffee"></i> </a>
  <a class="menu-item red" href="#"> <i class="fa fa-heart"></i> </a>
  <a class="menu-item purple" href="#"> <i class="fa fa-microphone"></i> </a>
  <a class="menu-item orange" href="#"> <i class="fa fa-star"></i> </a>
  <a class="menu-item lightblue" href="#"> <i class="fa fa-diamond"></i> </a>
</nav>