css(`
    nav-menu {
        position: fixed;
        bottom: 6vh;
        right: 6vh;
        width: 20vw;
        height: 10vh;
        background: var(--green);
        color: var(--tan);
        border: 20px solid var(--tan);
    }
`)

export default class NavMenu extends HTMLElement {
    connectedCallback() {
        this.innerHTML += /* html */ `
        <span style="display: block; height: 2vh; background-color: var(--tan); border-radius: 2px;"></span>
        <span style="display: block; height: 2vh; background-color: var(--tan); border-radius: 2px;"></span>
        <span style="display: block; height: 2vh; background-color: var(--tan); border-radius: 2px;"></span>
        <p style="font-size: 3vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)">Menu</p>
        `

        document.addEventListener("")
    }
}

customElements.define("nav-menu", NavMenu)