makeStyles((theme) => ({ modal: { display: 'flex', alignItems: 'center', justifyContent: 'center', }, paper: { backgroundColor: theme.palette.background.paper, border: '2px solid #000', boxShadow: theme.shadows[5], padding: theme.spacing(2, 4, 3), width: 700 }, }))
makeStyles(theme => ({ root: { marginBottom: theme.spacing(2), }, navBar: { backgroundColor: theme.palette.background.paper, }, }))
makeStyles(theme => ({ root: { flexGrow: 1, backgroundColor: theme.palette.background.paper }, tabContent: { padding: theme.spacing(2) } }))
makeStyles(theme => ({ root: { width: "100%", maxWidth: 400, backgroundColor: theme.palette.background.paper }, inline: { display: "inline" } }))
makeStyles((theme) => ({ root: { width: '100%', height: 500, maxWidth: 300, backgroundColor: theme.palette.background.paper, }, }))
makeStyles(theme => ({ root: { width: '100%', maxWidth: 500, backgroundColor: theme.palette.background.paper, }, }))
makeStyles((theme) => ({ paper: { position: 'absolute', width: 400, backgroundColor: theme.palette.background.paper, border: '2px solid #000', boxShadow: theme.shadows[5], textAlign: 'center', padding: theme.spacing(2, 4, 3) } }))
makeStyles(theme => ({ root: { flexGrow: 1, backgroundColor: theme.palette.background.paper, }, }))
makeStyles(theme => ({ root: { backgroundColor: theme.palette.background.paper, }, }))
makeStyles((theme) => ({ paper: { position: 'absolute', width: 400, backgroundColor: theme.palette.background.paper, border: '2px solid #000', boxShadow: theme.shadows[5], textAlign: 'center', padding: theme.spacing(2, 4, 3) } }))
makeStyles(theme => ({ paper: { position: "absolute", width: 400, backgroundColor: theme.palette.background.paper, boxShadow: theme.shadows[5], padding: theme.spacing(2, 4, 3), }, }))
makeStyles(theme => ({ paper: { position: "absolute", width: 400, backgroundColor: theme.palette.background.paper, boxShadow: theme.shadows[5], padding: theme.spacing(2, 4, 3), }, }))
makeStyles((theme) => ({ root: { width: '100%', maxWidth: 360, backgroundColor: theme.palette.background.paper, }, }))
makeStyles(theme => ({ paper: { position: 'absolute', width: 400, backgroundColor: theme.palette.background.paper, border: '2px solid #000', boxShadow: theme.shadows[5], padding: theme.spacing(2, 4, 3), }, }))
makeStyles((theme) => ({ modal: { display: 'flex', alignItems: 'center', justifyContent: 'center', }, paper: { backgroundColor: theme.palette.background.paper, border: '2px solid #000', boxShadow: theme.shadows[5], padding: theme.spacing(2, 4, 3), }, }))