fixing background text clip issue for mobiles

Author: Manerr

index.html

@@ -90,8 +90,8 @@ <h1 class="grad-text">Paul Thorel</h1>
 					<li>Php</li>
 					<li>Symfony</li>
 					<li>Node.js</li>
-					<li>MySql</li>
-					<li>Devkitpro</li>
+					<li>MySQL</li>
+					<li>C</li>
 					<li>Wordpress</li>
 				</ul>
 			<p class="desc">

styles.css

@@ -246,10 +246,10 @@ body {
 	font-weight: 800;
 	margin-top: -.8rem;
 	letter-spacing: .5px;
-	background-image: unset !important;
-	background: linear-gradient(var(--gradient-3)) text !important;
+	background: linear-gradient(var(--gradient-3));
 	background-clip: text !important;
-
+	-webkit-background-clip: text !important;
+	color: transparent;
 }
 
 .hero h1{
@@ -269,6 +269,8 @@ body {
 .grad-text,.grad-text-2,.grad-text-3,.grad-text-4{
 	color: transparent !important;
 	background-clip: text !important;
+	-webkit-background-clip: text !important;
+
 }
 
 .grad-text{