<template lang="pug">
div.min-h-screen.flex.flex-nowrap(style="background-color: #15191e")
  header.fixed.w-full.flex.justify-center.items-center.px-4.py-2.text-white(style="background-color: #06070de3")
    span.w-64.font-bold.text-2xl Logo
    input.rounded-lg.h-9.px-4.bg-dark-900.border.border-gray-700.text-gray-500(value="Search" type="text" class="focus:outline-none")
    nav.flex.gap-4.text-white(class="container mx-auto px-4 py-2")
      a(href="#") Home
      a(href="#") About
      a(href="#") Contact
    button.w-6.h-6 user
  NuxtPage
</template>>

<style>
html, body {
  font-size: 14px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
</style>
