diff --git a/src/lib/components/index/hero.svelte b/src/lib/components/index/hero.svelte
index 39f2233..fe945e7 100644
--- a/src/lib/components/index/hero.svelte
+++ b/src/lib/components/index/hero.svelte
@@ -2,12 +2,12 @@
import Link from '$lib/components/index/link.svelte';
+
+
+
+
-
- Good-first-issue-finder
-
+ Good-first-issue-finder
Your entry point for finding good first issues in the EddieHub Organization and in the community
diff --git a/static/css/index.css b/static/css/index.css
new file mode 100644
index 0000000..6319b11
--- /dev/null
+++ b/static/css/index.css
@@ -0,0 +1,28 @@
+@keyframes gradientAnimation {
+ 0% {
+ background-position: 0% 50%;
+ }
+ 100% {
+ background-position: 100% 50%;
+ }
+}
+
+.gradient-flow {
+ background: linear-gradient(to right, #ff5a00, magenta, cyan);
+ background-clip: text;
+ -webkit-background-clip: text;
+ color: transparent;
+ display: inline-block;
+ text-align: center;
+ font-size: 3.75rem;
+ font-weight: bold;
+ width: 672px;
+ height: 75px;
+ background-size: 200% 100%;
+ animation: gradientAnimation 2s linear infinite alternate-reverse;
+}
+
+@media (min-width: 768px) h1 {
+ font-size: 3.75rem;
+ line-height: 1;
+}