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

@font-face {
    font-family: 'Capture Smallz Clean';
    src: url('./fonts/Capture_Smallz/Capsmall_clean.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Poppins', sans-serif;
    animation: fadeIn 1s ease-out;
}

.font-capture-smallz-clean {
    font-family: 'Capture Smallz Clean', sans-serif;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Confetti styles */
.confetti {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #808080;
    opacity: 0.3;
    animation: fall linear infinite;
}

@keyframes fall {
    to {
        transform: translateY(100vh) rotate(360deg);
    }
}

/* Floating camera icons */
.camera-icon {
    position: absolute;
    opacity: 0.2;
    animation: float 15s linear infinite;
}

@keyframes float {
    0% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(180deg); }
    100% { transform: translateY(0) rotate(360deg); }
}