oldcomputernerd.com/css/retro.css

@font-face {
    font-family: 'Dot Matrix Regular';
    src: url("../font/DOTMREG.TTF") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dot Matrix Bold';
    src: url("../font/DOTMATRIXB.TTF") format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'FreeMono';
    src: url("../font/FreeMono.ttf") format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'FreeMono Bold';
    src: url("../font/FreeMonoBold.ttf") format('truetype');
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'Mode Nine';
    src: url("../font/modenine.ttf") format('truetype');
    font-style: normal; 
}
@font-face {
    font-family: 'SVI Basic Manual Book';
    src: url("../font/SvBasicManual-nRPP.ttf") format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'SVI Basic Manual Bold';
    src url("../font/SvBasicManualBold-1G3g.ttf") format('truetype');
    font-style: normal;
    font-weight: bold;
}  
@font-face {
    font-family: 'Source Code Pro Medium';
    src url("../font/SourceCodePro-Medium.ttf") format('truetype');
    font-style: normal;
    font-weight: medium;
}
@font-face {
    font-family: "Classic Console Neue";
    src: url("../font/clacon2.woff2") format("woff2");
}


.blink {
    animation: blink-animation 1s steps(2, start) infinite;
      -webkit-animation: blink-animation 1s steps(2, start) infinite;
}
@keyframes blink-animation {
    to {
          visibility: hidden;
       }
}
@-webkit-keyframes blink-animation {
    to {
          visibility: hidden;
        }
}

html,
body {
  background-color: #222;
  min-height: 100%;
}

html {
  height: 100%;
  font-family: "VT323 Regular 400";
  font-size: 18pt;
}

body {
  color: #23dc66;
  font-family: "SVI Basic Manual Book";
  font-size: 14pt;
  line-height: 1.25;
  max-width: 48rem;
}

table, th, td {
    border: 1px solid;
    border-collapse: collapse;
}
table {
    margin-left: 35%;
    width: 40%;
}
td {
    text-align: center;
    vertical-align: center;
}
th, td {
    padding: 10px;
}

ol li {
  background: #222;
  color: #fdd461;
  max-width: 30%;
  margin-left: 35px;
}

ul li {
  color: #fdd461;
  max-width: 30%;
  margin-left: 35px;
}

tr:hover {background-color: #23dc66;color: black;}

pre {
  font-family: "Classic Console Neue";
  font-size: 15pt;
  margin-left: 20px;
  background: #524646;
  border-left: 3px solid #000000;
  border-right: 3px solid #000000;
  border-top: 3px solid #000000;
  border-bottom: 3px solid #000000;
  border-radius: 20px;
  max-width: 55%;
  padding: .5rem;
  line-height: 1.15;
  overflow-x: auto;
}


blockquote {
  font-family: "Dot Matrix Regular";
  font-size: 13pt;
  line-height: 1.4;
  background-image: url(../img/greenbar2.jpg);
  background-position: left center;
  background-repeat: repeat;
  color: #000000;
  max-width: 55%;
  border-left: 1px solid #000000;
  padding-top: 5px;
  padding-left: 36px;
  padding-bottom: 5px;
  padding-right: 10px;
}

a,
a:visited {
  color: #01ff70;
}

a:hover,
a:focus,
a:active {
  color: #2ecc40;
}

code {
    font-family: "Classic Console Neue";
    color: #fdd461; 
    background: #524646;
    line-height: 1.25;
}