A bit of a refactor if you will

src/app/archives/archives.component.html

@@ -1,12 +1,12 @@
 <div class="placard">
   <div class="placard-title">Archives</div>
-  <div class="placard-text">Here you can find all the blog posts.</div>
+  <div class="placard-text">All blog posts, one place.</div>
 </div>
 
 <div class="text-center">
-  <input type="text" placeholder="Search by title" (keyup)="searchArchive($event.target!.value)">
+  <input type="text" placeholder="Search by Title" (keyup)="searchArchive($event.target!.value)">
   &nbsp;
-  <button class="btn-action" type="button" (click)="searchArchive('', true);">Clear</button>
+  <button class="btn-bad-action" type="button" (click)="searchArchive('', true);">× CLEAR</button>
 </div>
 
 <div class="list-group" *ngIf="filteredArchives.length > 0">
@@ -22,6 +22,6 @@
 
 <div class="margin-y text-center" *ngIf="!!settings.username">
   <a href="./">
-    <button type="button" class="margins-sides btn-secondary btn-fat">.HOME.</button>
+    <button type="button" class="margins-sides btn-secondary btn-fat">« HOME »</button>
   </a>
 </div>

src/app/home/home.component.html

@@ -15,6 +15,6 @@
 
 <div class="text-center">
   <a href="./?page=archives">
-    <button type="button" class="btn-fat btn-primary margins-sides margin-y">.ARCHIVES.</button>
+    <button type="button" class="btn-fat btn-primary margins-sides margin-y">« ARCHIVES »</button>
   </a>
 </div>

src/app/posts/posts.component.html

@@ -44,14 +44,14 @@
 
 <div class="margin-y text-center" *ngIf="settings.username">
   <a href="./">
-    <button type="button" class="margins-sides btn-secondary btn-fat">.HOME.</button>
+    <button type="button" class="margins-sides btn-secondary btn-fat">« HOME »</button>
   </a>
 
   <br />
 
   <a href="./?page=archives">
     <button type="button" class="margin-top margins-sides btn-primary btn-fat">
-      .ARCHIVES.
+      « ARCHIVES »
     </button>
   </a>
 </div>

src/app/posts/posts.component.scss

@@ -15,7 +15,8 @@
   }
 
   .avatar img {
-    border: 1px solid black;
+    border: 3px solid #6100a2;
+    border-radius: 5px;
     max-width: 200px;
     max-height: 150px;
     display: block;

src/shared/components/navigation/navigation.component.scss

@@ -72,5 +72,4 @@
 .right-align {
   float: right !important;
   font-size: 8px !important;
-  font-family: 'pc98';
 }

src/shared/styles/buttons.scss

@@ -6,7 +6,7 @@ button {
   padding: 0.6rem;
   border: none;
   box-shadow: #000a 4px 4px;
-  font-family: 'pxplus_ibm_vga8regular';
+  font-size: .8rem;
 }
 
 // Misc.
@@ -18,7 +18,6 @@ button {
 .btn-primary {
   background-color: rgb(97, 0, 162);
   color: white;
-  font-size: 1rem;
 }
 
 .btn-primary:hover {
@@ -29,7 +28,6 @@ button {
 .btn-secondary {
   background-color: #00d199;
   color: #444;
-  font-size: 1rem;
 }
 
 .btn-secondary:hover {
@@ -40,7 +38,6 @@ button {
 .btn-tertiary {
   background-color: #17a2b8;
   color: white;
-  font-size: 1rem;
 }
 
 .btn-tertiary:hover {
@@ -51,9 +48,18 @@ button {
 .btn-action {
   background-color: #00905e;
   color: white;
-  font-size: 1rem;
 }
 
 .btn-action:hover {
   box-shadow: 0px 0px 7px #00905e;
 }
+
+// Action
+.btn-bad-action {
+  background-color: #cf2200;
+  color: white;
+}
+
+.btn-bad-action:hover {
+  box-shadow: 0px 0px 7px #cf2200;
+}

src/shared/styles/cards.scss

@@ -16,13 +16,11 @@
   text-decoration: none;
   font-size: 1.5rem;
   font-weight: 500;
-  font-family: 'pc98';
 }
 
 .timestamp {
   color: #b5b5b5;
   font-size: 12px;
-  font-family: 'pc98';
 }
 
 .card-body {

src/shared/styles/inputs.scss

@@ -13,5 +13,4 @@ input[type="text"] {
   color: white;
   font-size: 15px;
   box-shadow: #000a 4px 4px;
-  font-family: 'pxplus_ibm_vga8regular';
 }

src/styles.scss

@@ -6,26 +6,10 @@
 @import "./shared/styles/placard.scss";
 @import "./shared/styles/utils.scss";
 
-// Global
-@font-face {
-  font-family: "pxplus_ibm_vga8regular";
-  src: url("./shared/styles/fonts/PxPlus_IBM_VGA8.woff") format("woff"),
-    url("./shared/styles/fonts//PxPlus_IBM_VGA8.ttf") format("truetype");
-  font-weight: normal;
-}
-@font-face {
-  font-family: "pc98";
-  src: url("./shared/styles/fonts/PC_9800.woff2") format("woff2"),
-    url("./shared/styles/fonts/PC_9800.woff") format("woff"),
-    url("./shared/styles/fonts/pc-9800.ttf") format("truetype");
-  font-weight: normal;
-  font-style: normal;
-}
-
 // Body
 body {
   line-height: 1.2;
-  font-family: "pxplus_ibm_vga8regular";
+  font-family: monospace;
   margin-left: 0.5em;
   margin-right: 0.5em;
   background-color: #444;