style: footer and jumbotron text color

src/components/Footer.astro

@@ -27,16 +27,16 @@ import {VERSION} from '../consts';
     width: 100%;
     margin: 0 auto;
     text-align: center;
-    color: #333;
+    color: rgb(var(--gray));
     display: flex;
     font-size: small;
 
     a {
-      color: var(--gray)
+      color: rgb(var(--gray));
     }
 
     a:hover {
-      color: var(--accent)
+      color: var(--accent);
     }
 
     svg {

src/components/Jumbotron.astro

@@ -1,7 +1,7 @@
 ---
 ---
 
-<div><h1>Cozy</h1></div>
+<div><a href="/"><h1>Cozy</h1></a></div>
 
 <style>
   div {
@@ -11,5 +11,14 @@
       text-transform: uppercase;
       font-size: 5em;
     }
+
+    a {
+      text-decoration: none;
+      color: rgb(var(--black));
+    }
+
+    a:hover {
+      color: var(--accent);
+    }
   }
 </style>