@font-face {
    font-family: 'IBM CGAthin';
    src: url(/fonts/WebPlus_IBM_CGAthin.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
    
body {
    background:var(--aboutme_bg) no-repeat right;
    background-size:cover;
    font-family: 'IBM CGAthin', monospace;
    font-size:12px;
    line-height:1.6;
}
h3 {
    font-family: 'IBM CGAthin', monospace;
    font-size:18px;
    margin:3px;
}
    
a {
    color:var(--aboutme_link);
}
a:hover {
    color:var(--aboutme_link_hover);
}
        
table {
    border-collapse:collapse;
    width:100%;
    margin:auto;
    text-align:center;
    font-size:0.9em;
}
        
th {
    min-width:25%;
    border-right:2px solid var(--aboutme_text);
    padding-bottom:1%;
}
th:last-child {
            border:none;
}
        
main {
    display:flex;
    background-color:var(--aboutme_light);
    box-shadow:10px 10px 30px var(--aboutme_middle) inset, -5px -5px 10px var(--aboutme_light) inset;
    width:65vw;
    height:100vh;
}
        
#container {
    display:flex;
    background-color:var(--aboutme_middle);
    box-shadow:3px 3px 8px var(--aboutme_darkest) inset, -3px -3px 8px var(--aboutme_darkest) inset;
    border-top:8px solid var(--aboutme_darkest);
    border-radius:10px;
    width:95%;
    height:95%;
    margin:auto;
}
        
#screen {
    background-color:var(--aboutme_screen);
    /*Border*/
    border-top:13px solid var(--aboutme_darkest);
    border-right:13px solid var(--aboutme_middle);
    border-bottom:13px solid var(--aboutme_light);
    border-left:13px solid var(--aboutme_dark);
    border-radius:3px;
    /*Border End*/
    box-shadow:3px 3px 50px var(--aboutme_screen_shadow) inset, -3px -3px 50px var(--aboutme_screen_shadow) inset;
    color:var(--aboutme_text);
    text-shadow:1px 1px 2px var(--aboutme_text_glow);
    width:94%;
    height:94%;
    margin:auto;
    padding:2%;
    overflow-y:auto;
}
        
#nav {
    margin:3%;
    padding-left:2%;
    list-style-type:none;
    text-align:left;
}
#nav li::before {
    content:"> ";
}