diff --git a/src/components/TheHero.vue b/src/components/TheHero.vue
index 185da73..a56213d 100644
--- a/src/components/TheHero.vue
+++ b/src/components/TheHero.vue
@@ -12,6 +12,14 @@ defineProps<{
 </template>
 
 <style scoped>
+.blue {
+  text-decoration: none;
+  background: linear-gradient(90deg, #00c6ff, #932be4);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+
 h1 {
   font-weight: 500;
   font-size: 2.6rem;