one last cleanup of the css

css/retro.css

@@ -4,75 +4,99 @@
     font-weight: normal;
     font-style: auto;
 }
+
 @font-face {
     font-family: 'Dot Matrix Bold';
     src: url("../font/DOTMATRIXB.TTF") format('truetype');
     font-weight: bold;
     font-style: auto;
 }
+
 @font-face {
     font-family: 'FreeMono';
     src: url("../font/FreeMono.ttf") format('truetype');
     font-style: auto;
 }
+
 @font-face {
     font-family: 'FreeMono Bold';
     src: url("../font/FreeMonoBold.ttf") format('truetype');
     font-style: normal;
     font-weight: auto;
 }
+
 @font-face {
     font-family: 'Mode Nine';
     src: url("../font/modenine.ttf") format('truetype');
     font-style: auto;
 }
+
 @font-face {
     font-family: 'SVI Basic Manual Book';
     src: url("../font/SvBasicManual-nRPP.ttf") format('truetype');
     font-style: auto;
 }
+
 @font-face {
     font-family: 'SVI Basic Manual Bold';
     src: url("../font/SvBasicManualBold-1G3g.ttf") format('truetype');
     font-style: auto;
     font-weight: bold;
-}  
+}
+
 @font-face {
     font-family: 'Source Code Pro Medium';
     src: url("../font/SourceCodePro-Medium.ttf") format('truetype');
     font-style: normal;
     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;
 }
+
 @font-face {
     font-family: "DEC Terminal Modern";
     src: url("../font/_decterm.ttf") format("truetype");
     font-style: auto;
 }
 
+@font-face {
+    font-family: "IBM 3270";
+    src: url("../font/3270-Regular.otf") format("opentype");
+    font-style: auto;
+}
+
+@font-face {
+    font-family: "IBM 3270 Semi-Condensed";
+    src: url("../font/3270SemiCondensed-Regular.otf") format("opentype");
+    font-style: auto;
+}
+
 
 .blink {
     animation: blink-animation 1s steps(2, start) infinite;
-      -webkit-animation: blink-animation 1s steps(2, start) infinite;
+    -webkit-animation: blink-animation 1s steps(2, start) infinite;
 }
+
 @keyframes blink-animation {
     to {
-          visibility: hidden;
+        visibility: hidden;
-       }
+    }
 }
+
 @-webkit-keyframes blink-animation {
     to {
-          visibility: hidden;
+        visibility: hidden;
-        }
+    }
 }
 
 .column {
@@ -83,12 +107,15 @@
     padding-right: 5px;
     height: 150px;
 }
+
 .left, .right {
     width: 22%;
 }
+
 .middle {
     width: 48%;
 }
+
 .row:after {
     content: "";
     display: table;
@@ -97,100 +124,112 @@
 
 html,
 body {
-  background-color: #222;
+    background-color: #222;
-  min-height: 100%;
+    min-height: 100%;
 }
 
 html {
-  height: 100%;
+    height: 100%;
-  font-family: "SVI Basic Manual Book", monospace;
+    font-family: "SVI Basic Manual Book", monospace;
-  font-size: 16pt;
+    font-size: 16pt;
 }
 
 body {
-  color: #23dc66;
+    color: #23dc66;
-  font-family: "SVI Basic Manual Book", monospace;
+    font-family: "SVI Basic Manual Book", monospace;
-  font-size: 14pt;
+    font-size: 14pt;
-  line-height: 1.15;
+    line-height: 1.15;
-  max-width: 48rem;
+    max-width: 48rem;
 }
 
 table, th, td {
+    font-family: "Classic Console Neue", monospace;
+    font-size: 15px;
     border: 1px solid;
     border-collapse: collapse;
 }
+
 table {
     margin-left: 35%;
     width: 40%;
 }
+
 td {
     text-align: center;
     vertical-align: center;
 }
+
 th, td {
     padding: 10px;
 }
 
-tr:hover {background-color: #23dc66;color: black;}
+tr:hover {
+    background-color: #23dc66;
+    color: black;
+}
 
 ol li {
-  background: #222;
+    font-family: "Classic Console Neue", monospace;
-  color: #fdd461;
+    font-size: 15px;
-  max-width: 30%;
+    background: #222;
-  margin-left: 35px;
+    color: #fdd461;
+    max-width: 30%;
+    margin-left: 35px;
 }
 
 ul li {
-  color: #fdd461;
+    font-family: "Classic Console Neue", monospace;
-  max-width: 30%;
+    font-size: 15px;
-  margin-left: 35px;
+    color: #fdd461;
+    max-width: 30%;
+    margin-left: 35px;
 }
 
 pre {
-  /* font-family: "Classic Console Neue", monospace; */
+    /* font-family: "Classic Console Neue", monospace; */
-  font-size: 13pt;
+    font-size: 13pt;
-  margin-left: 20px;
+    margin-left: 20px;
-  background: #524646;
+    background: #524646;
-  border-left: 3px solid #000000;
+    border-left: 3px solid #000000;
-  border-right: 3px solid #000000;
+    border-right: 3px solid #000000;
-  border-top: 3px solid #000000;
+    border-top: 3px solid #000000;
-  border-bottom: 3px solid #000000;
+    border-bottom: 3px solid #000000;
-  border-radius: 20px;
+    border-radius: 20px;
-  max-width: 55%;
+    max-width: 55%;
-  padding: .5rem;
+    padding: .5rem;
-  line-height: 1.15;
+    line-height: 1.15;
-  overflow-x: auto;
+    overflow-x: auto;
 }
 
 
 blockquote {
-  font-family: "Dot Matrix Regular", monospace;
+    font-family: "Dot Matrix Regular", monospace;
-  font-size: 13pt;
+    font-size: 13pt;
-  line-height: 1.4;
+    line-height: 1.4;
-  background-image: url(../img/greenbar2.jpg);
+    background-image: url(../img/greenbar2.jpg);
-  background-position: left center;
+    background-position: left center;
-  background-repeat: repeat;
+    background-repeat: repeat;
-  color: #000000;
+    color: #000000;
-  max-width: 55%;
+    max-width: 55%;
-  border-left: 1px solid #000000;
+    border-left: 1px solid #000000;
-  padding: 5px 10px 5px 36px;
+    padding: 5px 10px 5px 36px;
 }
 
 a,
 a:visited {
-  color: #01ff70;
+    color: #01ff70;
 }
 
 a:hover,
 a:focus,
 a:active {
-  color: #2ecc40;
+    color: #2ecc40;
 }
 
 code {
     font-family: "DEC Terminal Modern", monospace;
     font-size: inherit;
-    color: #fdd461; 
+    color: #fdd461;
     background: #524646;
     line-height: 1.15;
 }