<template>
  <nav class="fixed z-50 top-0 w-full bg-stone-900">
    <div class="w-full px-2 sm:px-6 lg:px-8">
      <div class="relative flex h-16 items-center justify-between">

        <div class="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
          <div class="flex flex-shrink-0 items-center">
            <a id="brand-link" class="navbar-brand" href="/">
              <img id="brand-logo" src="/images/gap_logo_white.png" class="logo" alt="GameAP">
            </a>
          </div>
        </div>
      </div>
    </div>
  </nav>
</template>