Update cards

index.html

@@ -40,6 +40,10 @@
 					<h3>Tegaki Tuesday</h3>
 					<p>A weekly Japanese/English handwriting challenge.</p>
 				</a>
+				<a class="card" href="https://blog.elnu.com">
+					<h3>Blog</h3>
+					<p>My Blog!</p>
+				</a>
 				<small>More coming soon™! (*￣▽￣)b</small>
 			</div>
 		</div>

style.css

@@ -55,24 +55,29 @@ h1 {
     margin: 0;
 }
 
-.card:nth-of-type(n + 1) {
-    background: #bf616a;
+.card {
+    border-left: 4px solid;
+    background: #4c566a;
+}
+
+.card:nth-of-type(5n + 1) {
+    border-color: #bf616a;
 }
 
 .card:nth-of-type(5n + 2) {
-    background: #d08770;
+    border-color: #d08770;
 }
 
 .card:nth-of-type(5n + 3) {
-    background: #ebcb8b;
+    border-color: #ebcb8b;
 }
 
 .card:nth-of-type(5n + 4) {
-    background: #a3be8c;
+    border-color: #a3be8c;
 }
 
 .card:nth-of-type(5n) {
-    background: #b48ead;
+    border-color: #b48ead;
 }
 
 #main {
@@ -169,4 +174,4 @@ p:last-child {
 
 ::-webkit-scrollbar-thumb:hover {
     background: #5e81ac;
-}
+}