@font-face {
    font-family: 'px437_ibm_vga8regular';
    src: url('../../fonts/px437_ibm_vga8-webfont.woff2') format('woff2'),
         url('../../fonts/px437_ibm_vga8-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family: 'px437_ati_8x8regular';
    src: url('../../fonts/px437_ati_8x8-webfont.woff2') format('woff2'),
         url('../../fonts/px437_ati_8x8-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pxplus_ibm_vga8regular';
    src: url('../../fonts/pxplus_ibm_vga8-webfont.woff2') format('woff2'),
         url('../../fonts/pxplus_ibm_vga8-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'px437_ati_8x16regular';
    src: url('../../fonts/px437_ati_8x16-webfont.woff2') format('woff2'),
         url('../../fonts/px437_ati_8x16-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a { color: #88c070;}
body {
    background-color: #081820;
    color: #88c070;
    font-family: "px437_ati_8x16regular", monospace;
    font-size: 16px;
}
h1, h2, h3, h4, h5 {
    color: #88c070;
    font-size: 16px;
    font-weight: normal;
    padding: 4px;
}
h2 { font-size: 16px; }
h3 { font-size: 16px; }
ul {
    list-style-type: none;
    margin: 0px;
}
code {
    font-family: "px437_ati_8x16regular", monospace;
    font-size: 16px;
    color: #346856;
}
pre {
    font-family: "px437_ati_8x16regular", monospace;
    font-size: 8px;
    color: #346856;
    padding: 0px 16px;
    margin: 0px;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
    margin: auto;
}

.ansi {
    color: #00ff00;
    font-family: "pxplus_ati_8x16regular", monospace;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 16px;
}
.menu {
    background-color: #346856;
    margin: 0px 15%;
    padding: 15px;
    border: 3px solid #346856;
    box-shadow: 3px 5px 6px rgba(4,4,4,0.1);
    transition: .2s;
}
.menu:hover {
    background-color: #346856;
}
.menuitem {
    padding: 10px;
}
.submenu {
    background-color: #88c070;
    margin: 0px 15%;
    padding: 8px;
    border: 1px solid #88c070;
    box-shadow: 3px 5px 6px rgba(4,4,4,0.1);
    transition: .2s;
}
.submenu:hover {
    background-color: #88c070;
}
.submenuitem {
    color: #346856;
    padding: 10px;
}
.main {
    background: #e0f8d0;
    border: 1px solid #ccc;
    color: #081820;
    margin: 0px 15%;
    padding: 25px;
    box-shadow: 3px 5px 6px rgba(4,4,4,0.1);
}
.scrot {
    border: 2px solid black;
    display: block;
    max-width: 100%;
    height: auto;
    width: 50%;
    margin: auto;
    transition: .1s;
}
.scrot:hover {
    max-width: 100%;
    width: 1024px;
    transition: 0s;
}
p.scrot-date {
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    color: #a0a0a0;
    padding: 10px 10px 4px 0px;
    text-align: right;
}
.footer {
    padding: 0% 24%;
    text-align: center;
}