add depth styling, index page stats, footer margin

components/Footer/Footer.tsx

@@ -2,7 +2,7 @@ import Link from "next/link";
 
 const Footer = () => {
 	return (
-		<div style={{ textAlign: "center" }}>
+		<div style={{ textAlign: "center", padding: "1rem 0" }}>
 			<p>
 				&copy; Gractwo 2020-{new Date().getFullYear()}
 				<span style={{ color: "#666" }}>

components/Navigation/Navigation.module.scss

@@ -2,6 +2,9 @@
 	display: flex;
 	background-color: var(--black1);
 	height: 4rem;
+	position: relative;
+	z-index: 10;
+	box-shadow: var(--shadow0);
 }
 .link {
 	display: flex;