e</option>
      <option value="square">square</option>
      <option value="sawtooth">sawtooth</option>
    </select>

    <script>
      document.querySelector(".overlay > button").addEventListener("click", (e) => {
        let overlay = e.currentTarget.parentNode;
        overlay.parentNode.removeChild(overlay);
        startVisualEncoder();
      })

      function startVisualEncoder() {
        const frequencies = [392, 784, 1046.5, 1318.5, 1568, 1864.7, 2093, 2637];
        let audioContext;
        i