/* assets/css/style.css */

/* Import Tailwind CSS */
@import 'https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css';

/* Styles personnalisés supplémentaires */
.container {
    max-width: 1200px;
    margin: 0 auto;
}

audio {
    width: 100%;
    margin: 1rem 0;
}

.modal {
    transition: opacity 0.25s ease;
}

.modal-content {
    transform: translate(-50%, -50%);
}

/* Styles pour l'enregistrement audio */
.recording {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        background-color: #ef4444;
    }
    50% {
        background-color: #dc2626;
    }
    100% {
        background-color: #ef4444;
    }
}

/* Styles pour le QR Code */
.qr-code {
    max-width: 150px;
    margin: 0 auto;
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .container {
        padding: 1rem;
    }
    
    .modal-content {
        width: 90%;
        margin: 1rem auto;
    }
}