[Design] Style Archives page. Make header a link.

scss/index.scss

@@ -73,6 +73,27 @@ body {
 				margin: auto;
 				width: 80%;
 			}
+			ul.archives {
+				list-style-type: none;
+				width: 100%;
+				padding: 0;
+				text-align: center;
+				li {
+					a {
+						text-decoration: none;
+						color: #000;
+						transition-duration: 0.2s;
+					}
+					a:hover, a:active {
+						transition-duration: 0.2s;
+						background-color: #000;
+						color: #FFF;
+						padding: 0.3em;
+						border-radius: 1.6em;
+					}
+					margin: 0.5em 1em;
+				}
+			}
 		}
 	}
 
@@ -99,6 +120,7 @@ body {
 					border-style: solid;
 					border-radius: 1.5em;
 					text-decoration: none;
+					transition-duration: 0.4s;
 				}
 				.button:hover, .button:active {
 					transition-duration: 0.4s;
@@ -115,11 +137,13 @@ body {
 					color: #292929;
 					padding: 0.3em;
 					border-radius: 1.6em;
+					transition-duration: 0.2s;
 				}
 				a:hover {
 					color: #FFF;
 					background-color: #000;
 					text-decoration: none;
+					transition-duration: 0.2s;
 				}
 			}
 		}
@@ -143,6 +167,10 @@ h1 {
 	@include title-font;
 	font-size: 4em;
 	text-align: center;
+	a {
+		color: #000;
+		text-decoration: none;
+	}
 }
 
 @media (max-width: 600px) {