updated hyperlink style for mobile

public/css/styles.css

@@ -347,14 +347,14 @@ hr {
 	background-size: cover; /* or contain, depending on your preference */
 	background-repeat:repeat;
 	border-radius: 30px;
-	padding: 10px;
-	padding-left: 25px;
-	padding-right: 25px;
+	/* padding: 10px; */
+	/* padding-left: 25px;
+	padding-right: 25px; */
 	font-family: 'JetBrains', monospace;
 	/*border: 1px solid;
 	/* font-family: 'Syne Mono', monospace; */
 	color: var(--prim-red);
-	background-color: var(--prim-red);
+	/* background-color: var(--prim-red); */
 }
 
 .hyperlink-home {
@@ -830,7 +830,7 @@ animation: 2s fadeInUp;
 	}
 
 	.hyperlink {
-		padding-left: 5vw;
+		/* padding-left: 5vw; */
 		width: 80%;
 	}
 
@@ -1051,7 +1051,7 @@ animation: 2s fadeInUp;
 	.hyperlink {
 		gap: 10px;
         width: auto;
-		justify-content: center;
+		/* justify-content: center; */
 		margin-left: 0px;
 		margin-right: 0px;
 		text-align: center;