app.vue

<template>
  <UApp>
    <NuxtPage />
  </UApp>
</template>

<style>
@import "tailwindcss";
@import "@nuxt/ui";

@theme {
  --font-family-sans: Poppins, sans-serif;
}

body {
  background: #fdf9e9;
}

::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #e6a89d;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #c00007;
}
</style>

<script setup lang="ts">
useHead({
  title: 'redGPT',
  meta: [
    {
      name: 'description',
      content: 'A materialist search engine'
    }
  ]
})
</script>