diff --git a/index.html b/index.html
index dec7b13..56e8a51 100644
--- a/index.html
+++ b/index.html
@@ -37,7 +37,7 @@
     <br />
     <p v-html="content"></p>
     <br />
-    <small class="grey-500">
+    <small class="footer">
       <i icon="at-sign"></i>&nbsp;<a href="https://github.com/klemek" target="_blank">klemek</a>
       -
       <!-- TODO: 1. rename app -->
diff --git a/style.css b/style.css
index 6830e48..89eb138 100644
--- a/style.css
+++ b/style.css
@@ -1,7 +1,7 @@
-/* 
+/*
 =================================================
 https://www.joshwcomeau.com/css/custom-css-reset/
-================================================= 
+=================================================
 */
 
 /*
@@ -74,10 +74,10 @@ h6 {
   isolation: isolate;
 }
 
-/* 
+/*
 =================================================
 CUSTOM STYLE
-================================================= 
+=================================================
 */
 
 @import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@@ -96,12 +96,12 @@ CUSTOM STYLE
   --text-secondary: hsl(var(--hue-primary), var(--sat-primary), 30%);
 }
 
-/* 
+/*
 =================================================
 https://blog.koley.in/2019/339-bytes-of-responsive-css
 https://www.swyx.io/css-100-bytes
 https://gist.github.com/JoeyBurzynski/617fb6201335779f8424ad9528b72c41
-================================================= 
+=================================================
 */
 
 html,
@@ -171,10 +171,10 @@ a {
   }
 }
 
-/* 
+/*
 =================================================
 APP STYLE
-================================================= 
+=================================================
 */
 
 .button {
@@ -208,3 +208,7 @@ h5 .lucide,
 h6 .lucide {
   stroke-width: 3;
 }
+
+.footer {
+  opacity: 50%;
+}