fix bugs in css

css/retro.css

@@ -2,50 +2,56 @@
     font-family: 'Dot Matrix Regular';
     src: url("../font/DOTMREG.TTF") format('truetype');
     font-weight: normal;
-    font-style: normal;
+    font-style: auto;
 }
 @font-face {
     font-family: 'Dot Matrix Bold';
     src: url("../font/DOTMATRIXB.TTF") format('truetype');
     font-weight: bold;
-    font-style: normal;
+    font-style: auto;
 }
 @font-face {
     font-family: 'FreeMono';
     src: url("../font/FreeMono.ttf") format('truetype');
-    font-style: normal;
+    font-style: auto;
 }
 @font-face {
     font-family: 'FreeMono Bold';
     src: url("../font/FreeMonoBold.ttf") format('truetype');
     font-style: normal;
-    font-weight: bold;
+    font-weight: auto;
 }
 @font-face {
     font-family: 'Mode Nine';
     src: url("../font/modenine.ttf") format('truetype');
-    font-style: normal; 
+    font-style: auto;
 }
 @font-face {
     font-family: 'SVI Basic Manual Book';
     src: url("../font/SvBasicManual-nRPP.ttf") format('truetype');
-    font-style: normal;
+    font-style: auto;
 }
 @font-face {
     font-family: 'SVI Basic Manual Bold';
-    src url("../font/SvBasicManualBold-1G3g.ttf") format('truetype');
+    src: url("../font/SvBasicManualBold-1G3g.ttf") format('truetype');
-    font-style: normal;
+    font-style: auto;
     font-weight: bold;
 }  
 @font-face {
     font-family: 'Source Code Pro Medium';
-    src url("../font/SourceCodePro-Medium.ttf") format('truetype');
+    src: url("../font/SourceCodePro-Medium.ttf") format('truetype');
     font-style: normal;
-    font-weight: medium;
+    font-weight: normal;
 }
 @font-face {
     font-family: "Classic Console Neue";
     src: url("../font/clacon2.woff2") format("woff2");
+    font-style: auto;
+}
+@font-face {
+    font-family: "VT323 Regular";
+    src: url("../font/VT323-Regular.ttf") format("truetype");
+    font-style: auto;
 }
 
 
@@ -64,6 +70,26 @@
         }
 }
 
+.column {
+    float: left;
+    margin-left: 5px;
+    border: solid 1px;
+    padding-left: 5px;
+    padding-right: 5px;
+    height: 150px;
+}
+.left, .right {
+    width: 22%;
+}
+.middle {
+    width: 48%;
+}
+.row:after {
+    content: "";
+    display: table;
+    clear: both;
+}
+
 html,
 body {
   background-color: #222;
@@ -72,13 +98,13 @@ body {
 
 html {
   height: 100%;
-  font-family: "VT323 Regular 400";
+    font-family: "VT323 Regular", monospace;
   font-size: 18pt;
 }
 
 body {
   color: #23dc66;
-  font-family: "SVI Basic Manual Book";
+    font-family: "SVI Basic Manual Book", monospace;
   font-size: 14pt;
   line-height: 1.25;
   max-width: 48rem;
@@ -116,7 +142,7 @@ ul li {
 tr:hover {background-color: #23dc66;color: black;}
 
 pre {
-  font-family: "Classic Console Neue";
+    font-family: "Classic Console Neue", monospace;
   font-size: 15pt;
   margin-left: 20px;
   background: #524646;
@@ -133,7 +159,7 @@ pre {
 
 
 blockquote {
-  font-family: "Dot Matrix Regular";
+    font-family: "Dot Matrix Regular", monospace;
   font-size: 13pt;
   line-height: 1.4;
   background-image: url(../img/greenbar2.jpg);
@@ -142,10 +168,7 @@ blockquote {
   color: #000000;
   max-width: 55%;
   border-left: 1px solid #000000;
-  padding-top: 5px;
+  padding: 5px 10px 5px 36px;
-  padding-left: 36px;
-  padding-bottom: 5px;
-  padding-right: 10px;
 }
 
 a,
@@ -160,7 +183,7 @@ a:active {
 }
 
 code {
-    font-family: "Classic Console Neue";
+    font-family: "Classic Console Neue", monospace;
     color: #fdd461; 
     background: #524646;
     line-height: 1.25;

md/JUNK/index.md

@@ -1,3 +1,26 @@
-# The Parts Bin
+## The Parts Bin
+
+Here, I've added an entire three-column div in html, to see how well it will work with this scheme. I have yet to come up with a satisfactory content generation or site navigation strategy, but that will come with time.
+
+<div class="row">
+  <div class="column left">
+    <h3>Column 1</h3>
+    <p>This is some text for column 1</p>
+  </div>
+
+  <div class="column middle">
+    <h3>Column 2</h3>
+    <p>Some more text for the middle column, which can be a lot more, because column 2 is huge</p>
+  </div>
+
+  <div class="column right">
+    <h3>Column 3</h3>
+    <p>The final bit of text</p>
+    <p>Two paragraphs here</p>
+  </div>
+</div>
+
+## The Text Part
+
+After adding the column divs above, I can proceed to write markdown, as if this were just a markdown document! What a novel idea. I like it!
 
-## Covering anything miscellaneous or uncategorizable.