L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                            clip-rule="evenodd"></path>
                    </svg>
                </button>
            </div>
            <nav :class="{'flex': !open, 'hidden': open}"
                class="flex-col flex-grow hidden pb-4  md:pb-0 md:flex md:justify-center md:flex-row">
                
    <a class="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg ho