color update

src/App.css

@@ -11,9 +11,7 @@
 .nav {
   background-color: rgb(47, 46, 58);
   height: 3em;
-  -webkit-box-shadow: 0px 3px 10px 1px rgba(122, 122, 122, 0.59);
-  -moz-box-shadow: 0px 3px 10px 1px rgba(122, 122, 122, 0.59);
-  box-shadow: 0px 3px 10px 1px rgba(122, 122, 122, 0.59);
+  box-shadow: inset 0px 3px 20px 10px rgba(0, 0, 0, 0.3);
 }
 
 .nav a {
@@ -51,8 +49,13 @@
   display: none;
 }
 
+.copyright {
+  font-size: 0.7em;
+  text-align: center;
+}
+
 .hamburger-menu {
-  background-color: rgba(84, 84, 84, 0.9);
+  background-color: rgba(47, 46, 58, 0.9);
   z-index: 100;
   position: absolute;
   right: 0;

src/components/Footer.jsx

@@ -1,5 +1,12 @@
 function Footer() {
-  return <div className="container">Footer</div>;
+  const fullYear = new Date().getFullYear();
+  return (
+    <div className="container">
+      <div className="copyright">
+        © {fullYear} Mariia Shabelnik, all rights reserved
+      </div>
+    </div>
+  );
 }
 
 export default Footer;

src/index.css

@@ -1,4 +1,6 @@
 body {
   margin: 0;
   font-family: "Roboto Mono", monospace;
+  background-color: #302f39;
+  color: white;
 }