import { makeStyles } from '@material-ui/core/styles' ; export const useStyles = makeStyles ( theme => ( { heroContent : { backgroundColor : theme . palette . background . paper , padding : theme . spacing ( 8 , 0 , 6 ) , } , heroButtons : { marginTop : theme . spacing ( 4 ) , } , cardGrid : { paddingTop : theme . spacing ( 8 ) , paddingBottom : theme . spacing ( 8 ) , } , card : { height : '100%' , display : 'flex' , flexDirection : 'column' , } , cardMedia : { paddingTop : '56.25%' , } , cardContent : { flexGrow : 1 , } , github : { marginRight : 5 , } , } ) ) ;