pet_data/app/app.vue

<template>
  <div>
    <NuxtPage />
  </div>
</template>

<style>
/* Global Styles for Pixel Art */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

body {
  margin: 0;
  background-color: #1b1026;
  color: #e0d8f0;
  font-family: 'Press Start 2P', monospace;
}

/* Scrollbar Styling */
.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: #0f0816;
  border-left: 1px solid #2b193f;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #4a3b5e;
  border: 1px solid #2b193f;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #8f80a0;
}

/* Pixelated Image Rendering */
.image-pixelated {
  image-rendering: pixelated;
}
</style>