@import "tailwindcss"; @layer base { :root { --font-family: "Nunito Variable", "Helvatica", sans-serif; } } @plugin "@tailwindcss/typography"; @import "@fontsource-variable/nunito"; @import "@mdi/font/css/materialdesignicons.css"; @layer theme, base, components, utilities; @import "tailwindcss/theme.css" layer(theme); @import "tailwindcss/utilities.css" layer(utilities); html, body { font-family: var(--font-family); background-color: rgba(var(--v-theme-background), 1); } .page-enter-active, .page-leave-active { transition: all 0.4s; } .page-enter-from, .page-leave-to { opacity: 0; filter: blur(1rem); }