/* styles.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
    .animate-marquee {
        animation: marquee 20s linear infinite;
    }
    
    .cursor-copy {
        cursor: copy;
    }
}

@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #0a0a0a;
}

/* Make sure text doesn't overflow container */
* {
    box-sizing: border-box;
}

.perspective-1000 {
    perspective: 1000px;
}