:root {
    --red:      #ea6962;
    --green:    #a9b665;
    --yellow:   #d8a657;
    --blue:     #7daea3;
    --magenta:  #d3869b;
    --cyan:     #89b482;
    --bg1:      #1d2021;
    --bg2:      #282828;
    --fg:       #D4BE98;
    --pagebg:   #141617;
}

:root {
    --red:      #c14a4a;
    --green:    #6c782e;
    --yellow:   #ba7109;
    --blue:     #45707a;
    --magenta:  #945e80;
    --cyan:     #4c7a5d;
    --bg1:      #f2e5bc;
    --bg2:      #eddeb5;
    --fg:       #654735;
    --pagebg:   #ebdbb2;
}

@font-face {
    font-family: 'Tandy';
    src: url('fonts/Web437_IBM_VGA_8x14.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    filter: drop-shadow(8px 8px 16px rgba(0,0,0,0.5));
}
body {
  background: #1d2021;
  background: var(--pagebg);
  font-family: 'Tandy', sans-serif;
  font-size: 14px;
  color: var(--fg);
  padding: 30px;
}

.content {
  background: var(--bg1);
  max-width: 640px;
  min-width: 640px;
  margin: auto;
  padding: 30px;
  line-height: 1;
  filter: drop-shadow(-5px 2px 10px rgba(0, 0, 0, 0.1));
}

.code {
    font-family: 'Tandy', sans-serif;
    font-size: 14px;
    display: block;
    background-color: var(--bg2);
    padding-left: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
    /*filter: drop-shadow(-5px 5px 8px rgba(0, 0, 0, 0.1));*/
    /*padding-left: 32px;*/
    /*max-width: 550px;*/
    /*margin: 20px auto;*/
    /*color: #7c6f64;*/
    /*color: var(--red);*/
    filter: drop-shadow(-5px 10px 10px rgba(255, 2555, 255, 0.1));
}

.title {
    font-size: 28px;
}

.ct {
    color: #7c6f64;
    /*background-color: var(--bg2);*/
    /*color: var(--cyan);*/
    /*color: var(--fg);*/
}

a {
    color: var(--cyan);
}