import { Theme } from '@material-ui/core'
import { createStyles } from '@material-ui/core/styles'

export default (theme: Theme) => {
  return createStyles({
    page: {
      display: 'flex',
      flexDirection: 'column',
      height: '97vh',
      justifyContent: 'center',
      alignItems: 'center',
    },
    titleIcon: {
      fontSize: '150px',
    },
    title: {
      textAlign: 'center',
      marginBottom: '1rem',
      fontSize: 'xx-large',
      fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif',
    },
    subTitle: {
      textAlign: 'center',
      fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans","Helvetica Neue", sans-serif',
    },
    browserList: {
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      width: '75%',
      marginTop: '2rem',
    },
    anchorBrowser: {
      color: 'black',
      marginRight: '2.5rem',
      display: 'flex',
      flexDirection: 'column',
      alignItems: 'center',
      fontSize: '25px',
      textDecoration: 'none',
      fontWeight: 'bold',
      marginBottom: '0.5rem',
      fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans","Helvetica Neue", sans-serif',
    },
    icon: {
      fontSize: '55px',
      marginBottom: '1rem',
      color: 'black',
    },
  })
}
