@import 'tailwindcss';
@import "@nuxt/ui";

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

:root {
  --ui-primary: rgb(255, 200, 0);

  --correct-guess: rgb(0, 126, 2);
  --partial-correct-guess: rgb(37, 43, 154);
  --incorrect-guess:  rgb(79, 79, 79);
  
}

.main {
    text-align: center;
}
h1 {
    font-size: 3vh;
    font-weight: bolder;
}