Fix: \n 1. Set GitHub contributions calendar scroll position to start at right-most (latest date). \n 2. Set GitHub contributions calendar first column with day of week axis labels to fixed position above scrollable rest of table. \n 3. Removed light-mode-icon.svg

styles/layouts/footer.css

@@ -0,0 +1,12 @@
+/* Footer styles */
+footer {
+    background-color: var(--primary-colour);
+    color: var(--text-background-colour);
+    text-align: center;
+    padding: 2rem 1rem;
+    margin-top: 4rem;
+}
+
+footer a {
+    color: var(--text-background-colour);
+}

styles/layouts/header.css

@@ -0,0 +1,12 @@
+
+/* Header styles */
+header {
+    background-color: var(--primary-colour);
+    color: var(--text-background-colour);
+    padding: 2rem 1rem;
+    text-align: center;
+}
+
+header h1 {
+    color: var(--text-background-colour);
+}

styles/layouts/navigation.css

@@ -0,0 +1,30 @@
+/* Navigation */
+nav {
+    background-color: var(--secondary-colour);
+    padding: 1rem;
+    position: sticky;
+    top: 0;
+    z-index: 100;
+}
+
+nav ul {
+    list-style: none;
+    display: flex;
+    justify-content: center;
+    gap: 2rem;
+    flex-wrap: wrap;
+}
+nav ul li {
+    margin-top: auto;
+    margin-bottom: auto;
+}
+nav a {
+    color: var(--text-background-colour);
+    text-decoration: none;
+    font-weight: 500;
+    transition: color 0.3s;
+}
+
+nav a:hover {
+    color: var(--accent-colour);
+}