text: let values = ["A", "B", "C", "D", "E", "F", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
  let white = document.getElementById("color_hex_white");
  let black = document.getElementById("color_hex_black");
  let cs = document.querySelector(".color_shower");
  const btn = document.getElementById("gen_btn");
  let color = "#";
  btn.addEventListener("click", function() {
      color = "#";
      for(let i = 0; i < 6; i++)
      {
          color+=values[Math.floor(Math.random()*14)];
      }
      cs.style.display = "inline-block";
      cs.style.backgroundColor = color;
      white.innerHTML = color;
      black.innerHTML = color;    
  })
  
  cs.addEventListener("click", function() {
      navigator.clipboard.writeText(color);
      alert("Copied to Clipboard!");
  })
  
  let state = 0;
  
  let hamburger_menu_btn = document.querySelector(".hamburger_menu_btn");
  let hamburger_menu = document.querySelector(".hamburger_menu");
  
  hamburger_menu_btn.addEventListener("click", function() {
      if(state == 1)
      {
          state = 0;
          hamburger_menu.style.display = "none";
      } else {
          state = 1;
          hamburger_menu.style.display = "block";
      }
  })