@font-face {
    font-family: 'OCR A Extended';
    src: url('../fonts/OCRAExtended.woff2') format('woff2'),
        url('../fonts/OCRAExtended.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

span.up {
    display:none;
}

.sourcesOuter h4 {
    margin-top:0;
    margin-bottom:0;
    padding-top:5px;
    padding-bottom:0;
}

.sourcesInner {
    display:none;
    margin:0;
    padding:0;
    padding-top:10px;
}

html, body {
    margin:0;
    padding:0;
    font-family: 'OCR A Extended', monospace;
    background-color:black;
    color:white;
}
#container {
    margin:0 auto;
    max-width:1200px;
}
#main {
    margin:10px;
    padding:15px;
    padding-left:0;
    padding-right:0;
    border:2px solid #00ffa4;
    border-radius:15px;
}

a {
    color:#00ffa4;
}

pre {
    color:#00ffa4;
    font-size:12px;
    line-height:13px;
    height:104px;
    padding-left:15px;
    padding-right:15px;
}

#content {
    transform:translateY(150px);
    opacity:0;
    width:100%;
    padding-top:20px;
    transition: transform 0.75s, opacity 0.75s;
}

#content.visible {
    opacity:1;

    transform:translateX(0);
}



h1, h2, h3, h4 {
    font-weight:normal;
    padding-left:15px;
    padding-right:15px;
}

h3 {
    background-color:#00ffa4;
    color:black;
    margin:0;
    margin-top:25px;
    padding-top:10px;
    padding-bottom:10px;
    font-size:20px;
    line-height:1.1;
}

p, ul {
    padding-left:15px;
    padding-right:15px;
}
li {
    padding:0;
    margin:0;
    padding-bottom:5px;
}

ul {
    padding:0;
    margin:0;
    padding-left:35px;
    padding-right:15px;

}