diff --git a/assets/herman.css b/assets/herman.css
index 1eae1f3..b80a9d8 100644
--- a/assets/herman.css
+++ b/assets/herman.css
@@ -1,6 +1,6 @@
 :root {
   font-size: 62.5%; /* 10px */
-  --color-dark: #181a20; /* 1a1a1a */
+  --color-dark: #181a20;
   --color-light: #fafafa;
   --color-primary: #1a8fe3;
   --size: 1rem;
diff --git a/assets/images/social_card_bg.png b/assets/images/social_card_bg.png
index ad1d528..857ea63 100644
Binary files a/assets/images/social_card_bg.png and b/assets/images/social_card_bg.png differ
diff --git a/assets/images/social_card_fg.png b/assets/images/social_card_fg.png
index 01b207c..e005b0a 100644
Binary files a/assets/images/social_card_fg.png and b/assets/images/social_card_fg.png differ
diff --git a/assets/style.css b/assets/style.css
deleted file mode 100644
index 3b90566..0000000
--- a/assets/style.css
+++ /dev/null
@@ -1,147 +0,0 @@
-body {
-  font-family: Verdana, sans-serif;
-  margin: auto;
-  padding: 20px;
-  max-width: 720px;
-  text-align: left;
-  background-color: #1d1f27;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  line-height: 1.5;
-  color: #c9d1d9;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-strong,
-b {
-  color: #eee;
-}
-
-a {
-  color: #8cc2dd;
-}
-
-.title {
-  text-decoration: none;
-  border: 0;
-}
-.title h1 {
-  font-size: 24px;
-  margin: 19.92px 0 19.92px 0;
-}
-
-.title span {
-  font-weight: 400;
-}
-
-nav a {
-  margin-right: 10px;
-}
-
-textarea {
-  background-color: #252525;
-  color: #ddd;
-  width: 100%;
-  font-size: 16px;
-}
-
-input {
-  background-color: #252525;
-  color: #ddd;
-  font-size: 16px;
-}
-
-content {
-  line-height: 1.6;
-}
-
-table {
-  width: 100%;
-}
-
-table,
-th,
-td {
-  border: 1px solid;
-  border-collapse: collapse;
-  border-color: #c9d1d9;
-  padding: 5px;
-}
-
-img {
-  max-width: 100%;
-}
-
-code {
-  padding: 2px 5px;
-  color: #f8f8f2;
-  background-color: #282a36;
-}
-
-pre code {
-  display: block;
-  padding: 20px;
-  white-space: pre-wrap;
-  font-size: 14px;
-  overflow-x: auto;
-}
-
-blockquote {
-  border-left: 1px solid #999;
-  color: #ccc;
-  padding-left: 20px;
-  font-style: italic;
-}
-
-footer {
-  padding: 25px;
-  text-align: center;
-}
-
-.helptext {
-  color: #aaa;
-  font-size: small;
-}
-
-.errorlist {
-  color: #eba613;
-  font-size: small;
-}
-
-/* blog posts */
-ul.blog-posts {
-  list-style-type: none;
-  padding: unset;
-}
-
-ul.blog-posts li {
-  display: flex;
-  margin-bottom: 10px;
-}
-
-ul.blog-posts li span {
-  flex: 0 0 130px;
-}
-
-ul.blog-posts li a:visited {
-  color: #8b6fcb;
-}
-
-a.blog-tags {
-  line-height: 2;
-}
-
-h3.blog-filter {
-  margin-bottom: 0;
-}
-
-.disabled {
-  color: currentColor;
-  cursor: not-allowed;
-  opacity: 0.7;
-}
diff --git a/layouts/partials/social_card.html b/layouts/partials/social_card.html
index 8bf397f..97f08c3 100644
--- a/layouts/partials/social_card.html
+++ b/layouts/partials/social_card.html
@@ -5,7 +5,7 @@
 
 {{ $fg = $fg.Filter (images.Text .Title (dict
     "font" $font
-    "color" "#f8f8f2"
+    "color" "#fafafa"
     "size" 130
     "linespacing" 20
     "x" 0
@@ -18,7 +18,7 @@
 
 {{ $fg = $fg.Filter (images.Text $byline (dict
     "font" $font
-    "color" "#c9d1d9"
+    "color" "#898a8d"
     "size" 60
     "linespacing" 30
     "x" 0