import { Typography } from '@mui/material';

import { Box } from '@mui/material';

export default function PopaPopa() {
  return (
    <Box sx={{ display: 'flex' }}>
      <Typography variant="h3">POPA</Typography>
      <Typography variant="h3">-</Typography>
      <Typography
        variant="h3"
        sx={{
          backgroundImage: 'linear-gradient( 136deg, rgb(242,113,33) 0%, rgb(233,64,87) 30%, rgb(138,35,135) 100%)',
          // background: '-webkit-linear-gradient(200.96deg, #88BCFF, #FD71FF)',
          WebkitBackgroundClip: 'text',
          WebkitTextFillColor: 'transparent',
        }}
      >
        POPA
      </Typography>
    </Box>
  );
}
