diff --git a/main-site/themes/temper/layouts/_default/list.html b/main-site/themes/temper/layouts/_default/list.html
index a560d92..ead5526 100644
--- a/main-site/themes/temper/layouts/_default/list.html
+++ b/main-site/themes/temper/layouts/_default/list.html
@@ -1,6 +1,9 @@
 {{ define "main" }}
-  {{ range .Pages.ByDate.Reverse }}
-  <div class="card">
+  {{ $colors := slice "cyan" "yellow" "pink"}}
+  {{ $opts   := len $colors }}
+  {{ range $i, $page := .Pages.ByDate.Reverse }}
+  {{ $opt := mod $i $opts }}
+  <div class="card" style="border-color: {{ index $colors $opt }}">
     <a href="{{ anchorize .Page.Name }}">
       <h5 class="card-header postcard card-title">{{ .Title }}</h5>
     </a>
diff --git a/main-site/themes/temper/static/css/style.css b/main-site/themes/temper/static/css/style.css
index 2b6e9d4..81e04d3 100644
--- a/main-site/themes/temper/static/css/style.css
+++ b/main-site/themes/temper/static/css/style.css
@@ -167,7 +167,7 @@ a:hover { color: #EAA221; }
 .card { 
   background-color: transparent; 
   max-width: 45%;
-  border:none;
+  border-style: solid;
 }
 
 ul.timeline {