Add link to github profile in footer

Author: nibble-4bits

dist/index.html

@@ -42,7 +42,10 @@ <h2 id="sudoku-status"></h2>
     </div>
 
     <footer>
-        Made with &#10084;&#65039; by Luis De Anda (nibble-4bits)
+        <p class="footer-info">
+            Made with &#10084;&#65039; by Luis De Anda (<a href="https://github.com/nibble-4bits"
+                rel="noopener noreferrer" target="_blank">nibble-4bits</a>)
+        </p>
     </footer>
 </body>
 

src/css/index.css

@@ -53,4 +53,5 @@ button {
     padding: 0.5em 0.8em;
     color: #ffffff;
     background-color: #196cca;
+    cursor: pointer;
 }

src/css/layout.css

@@ -33,6 +33,8 @@ body {
 .slider-row {
     grid-area: slider;
     justify-self: center;
+    display: flex;
+    align-items: center;
     margin-top: 1em;
 }
 
@@ -54,6 +56,19 @@ footer {
     width: 100%;
     background-color: #196cca;
     color: #eef0f2;
-    padding: 0.5em 0;
+    padding: 1em 0;
     text-align: center;
 }
+
+.footer-info {
+    margin: 0;
+}
+
+.footer-info a {
+    color: inherit;
+    text-decoration: none;
+}
+
+.footer-info a:hover {
+    text-decoration: underline;
+}