Beautify the homepage text

uclaacm · Feb 20, 2024 · 2a9d28d · 2a9d28d
1 parent 99e095d
commit 2a9d28d
Showing 1 changed file with 5 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,7 @@ const useStyles = makeStyles(theme => ({
 	catchphrase: {
 		textAlign: 'center',
 		fontSize: '2.5em',
-		fontWeight: theme.typography.fontWeightBold,
-		color: theme.palette.primary.dark,
+		color: '#FF5F96',
 		padding: theme.spacing(2),
 		[theme.breakpoints.down('sm')]: {
 			fontSize: '2em'
@@ -100,7 +101,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={{ fontWeight: 600, paddingBottom: isSmall ? theme.spacing(2) : theme.spacing(8) }}>
 						Explore. Build. Empower.
 					</Typography>
 				</hgroup>