update color palette

style.css

@@ -1,9 +1,9 @@
 body {
 	box-sizing: border-box;
 	color: #c9cacc;
-  background-color: #1b1b1b;
+	background-color: #272727;
 	font-size: 15px;
-  font-family: "Source Code Pro", monospace, Arial, Helvetica, sans-serif;
+	font-family: 'Source Code Pro', monospace, Arial, Helvetica, sans-serif;
 	font-weight: 400;
 	line-height: 1.725;
 	text-rendering: geometricPrecision;
@@ -36,14 +36,13 @@ nav a {
 	letter-spacing: 0.09rem;
 }
 
-
 nav a:hover {
-  background-color: #2a9d8f;
+	background-color: #29f3c3;
+	color: #1b1b1b;
 	transition: 150ms ease;
 }
 
 header {
-  background-color: #1b1b1b;
 	color: #c9cacc;
 	margin: 0 auto;
 	text-align: center;
@@ -71,7 +70,7 @@ h1 a {
 }
 
 h1 a:hover {
-  color: #2a9d8f;
+	color: #29f3c3;
 }
 
 header h2 {
@@ -173,7 +172,7 @@ h4 {
 }
 
 .project-item a:hover {
-  color: #2a9d8f;
+	color: #29f3c3;
 }
 
 #projects h3 {
@@ -247,6 +246,8 @@ footer {
 	transition: 160ms ease-in;
 }
 
+/* color: #1b1b1b; */
+/* color: #2a9d8f */
 @media (min-width: 576px) {
 	#wrapper {
 		width: 560px;