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

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

#qr-code-image {
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
  max-height: 300px;
}

#qr-code-display,
#qr-code-image {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.spinner {
  animation: spin 1s cubic-bezier(0.4, 0.0, 0.2, 0.8) infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}