import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles({
    container: {
        position: 'relative',
        '& text': {
            transition: 'transform .5s',
            userSelect: 'none',
            animation: '$fadeInOpacity ease-in',
            '&:nth-child(4n+1)': {
                animationDuration: '0.25s'
            },
            '&:nth-child(4n+2)': {
                animationDuration: '1.5s'
            },
            '&:nth-child(4n+3)': {
                animationDuration: '1s'
            },
            '&:nth-child(4n+4)': {
                animationDuration: '0.5s'
            }
        }
    },
    '@keyframes fadeInOpacity': {
        '0%': {
            opacity: 0
        },
        '100%': {
            opacity: 1
        }
    }
});
