Beautify the homepage text (#409)

* Beautify the homepage text * Beautify the homepage text 2 - slight reorganization
uclaacm · Feb 25, 2024 · 1b2a000 · 1b2a000
1 parent 721ba30
commit 1b2a000
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/HomePage/HothDescription.js b/src/components/HomePage/HothDescription.js
@@ -30,7 +30,9 @@ const useStyles = makeStyles(theme => ({
 		textAlign: 'center',
 		fontSize: '4em',
 		fontWeight: theme.typography.fontWeightBold,
-		color: theme.palette.primary.main,
+		background: 'linear-gradient(199.69deg, #FF5F96 21.64%, #BD01FF 72.25%)',
+		WebkitBackgroundClip: 'text',
+		WebkitTextFillColor: 'transparent',
 		[theme.breakpoints.down('sm')]: {
 			fontSize: '3.5em'
 		},
@@ -41,8 +43,8 @@ const useStyles = makeStyles(theme => ({
 	catchphrase: {
 		textAlign: 'center',
 		fontSize: '2.5em',
-		fontWeight: theme.typography.fontWeightBold,
-		color: theme.palette.primary.dark,
+		fontWeight: 400,
+		color: theme.palette.secondary.light,
 		padding: theme.spacing(2),
 		[theme.breakpoints.down('sm')]: {
 			fontSize: '2em'
@@ -100,7 +102,7 @@ export default function HothDescription() {
 						Hack on the Hill?
 					</Typography>
 					<Typography variant='h2' className={classes.catchphrase}
-						style={{ fontWeight: 500, paddingBottom: isSmall ? theme.spacing(2) : theme.spacing(8) }}>
+						style={{ paddingBottom: isSmall ? theme.spacing(2) : theme.spacing(8) }}>
 						Explore. Build. Empower.
 					</Typography>
 				</hgroup>