   <div class="flex flex-row items-center justify-between gap-20 p-4" id="topbar">
                <a style="font-family: 'Righteous'; text-transform: none;" href="#"
                    class="text-lg font-semibold tracking-widest text-gray-900 uppercase rounded-lg dark:text-slate-200 dark-mode:text-white focus:outline-none focus:shadow-outline">ResourceHub</a>
                <button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
                    <svg fill="