span.bottom {
    background-color: red;/* #fF38EC; */
    color: black;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 13, 2017 */
@font-face {
    font-family: 'pxplus_ibm_vga9regular';
    src: url('/bbs/pxplus_ibm_vga9-webfont.woff2') format('woff2'),
         url('/bbs/pxplus_ibm_vga9-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

div#outer {
    display: inline-block;
}

body {
    background: grey;
    text-align: center;
}

h3, p {
    margin-top: .25em;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

ul, li {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

pre {
   text-align: left;
   margin: 5px;
}

.term, pre {
    font-family: pxplus_ibm_vga9regular,"Courier New",courier,fixed,monospace;
    font-size: 17px;
    line-height: 18px;
    color: #cccccc;
    background: black;
    border-radius: 10px;
}

.term {
    padding: .75em;
}
#content {
    min-height: 470px;
}

.term#main {
    margin-top: 50px;
}

.term a {
    color: cyan;
    text-decoration: none;
}

.term a:hover {
    color: #000;
    background: cyan;
}

.red { color: #ff033e; }
.ora { color: #ff8c00; }
.blu { color: #00bfff; }
.gre { color: #66ff00; }
.pur { color: #fF38EC; }
.yel { color: #fffe00; }
#banner span:hover { color: black; }
#banner .red:hover, #banner .name:hover { background-color: #ff033e; }
#banner .ora:hover { background-color: #ff8c00; }
#banner .blu:hover { background-color: #00bfff; }
#banner .gre:hover { background-color: #00ff00; }
#banner .pur:hover { background-color: #fF38EC; }
#banner .yel:hover { background-color: #fffe00; }