@font-face {
    font-family: 'Verite 8x14';
    src: url(/fonts/Web437_Verite_8x14.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
            
@font-face {
    font-family: 'EagleSpCGA Alt3';
    src: url(/fonts/Web437_EagleSpCGA_Alt3.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color:black;
    display:flex;
    flex-flow:row wrap;
}
        
p, span, a {
    font-family: 'Verite 8x14', monospace!important;
    color:var(--links_color1);
    font-size:24px;
}

h1 { /*Used for the title at top of screen*/
    font-family: 'EagleSpCGA Alt3', serif;
    color:var(--links_color2);
    font-size:64px;
    display:inline;
}

header {
    border-bottom:2px solid var(--links_color2);
    margin:0 auto 15px 10%;
}
            
main {
    display:flex;
    width:80vw;
    height:75vh;
    margin:auto auto auto 15%;
}
            
.returnhome {
    color:var(--links_color2);
}
            
#sidebar {
    border:5px solid var(--links_color2);
    width:20%;
    margin-right:25px;
    overflow-y:auto;
}
#sidebar td {
    border-bottom:5px solid var(--links_color2);
    border-collapse:collapse;
    text-align:center;
    width:100%;
}
#sidebar a {
    font-size:2.8vw;
    text-decoration:none;
}
            
#container {
    border:5px solid var(--links_color2);
    width:80%;
}
            
iframe {
    border:none;
    width:100%;
    height:100%;
    padding:1% 1% 1% 7%;
}