/* Include Tailwind directly via CDN */
@import 'https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css';

:root {
  --foreground-rgb: 72, 71, 71;
  --background-start-rgb: 255, 255, 255;
  --background-end-rgb: 255, 255, 255;
}

/* Add explicit gradient classes */
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-\[\#44DE6E\] {
  --tw-gradient-from: #44DE6E;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(68, 222, 110, 0));
}

.to-\[\#B8E032\] {
  --tw-gradient-to: #B8E032;
}

body {
  color: rgb(var(--foreground-rgb));
  background: rgb(var(--background-start-rgb));
  position: relative;
  overflow-x: hidden;
  min-height: 100vh;
}

canvas {
  display: block;
}