@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body,
#__nuxt {
  height: 100%;
}

body {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

@keyframes login-card-in {
  from {
    opacity: 0;
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.login-card {
  animation: login-card-in 0.3s ease-out;
}