@font-face {
    font-family: TerminusTTF;
    src: url('/fonts/terminus.ttf');
}
body { 
        background-color: black; 
        margin: 0; 
        color: darkgray; 
        font-family: TerminusTTF, Terminus, Arial, Tahoma, Verdana;
    } 
h1.logo { 
    margin: 0px 20px 0px 20px;
    display: inline;
    float: left;
    font-size: 1em;
    padding: 1em 0px 1em 0px;
    }
h1.logo > a:hover {color: red;}

nav a {
    text-decoration: none;
    color: #333333;
    }
nav a:hover {
    color: silver;
    }
ul.menu {
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 1em;
    }
ul.menu li {
    float: left;
    margin-right: 10px;
    }
.main-container{
    width: 100%;
    clear: both;
    }
.post-box {
    position: relative;
    float: left;
    margin: 5px 0px 0px 5px;
    }
.post-box:hover div.post-box-content {
    display: block;
    }
div.post-box-content {
        position: absolute;
        display: none;
        background-color: black;
        margin: 3px;
        padding: 5px;
    }
.post-box img {
    object-fit: cover;
    object-position: center;
    width: 500px;
    height: 500px;
    }
a, a:visited {
    color: #333333;
    text-decoration: none;
    }
a.postbox, a.postbox:visited {
    color: silver;
    text-decoration: none;
    }






/* single post page */ 





.post-content {
    margin-left: 20px;
    }
.main-post-box {
    margin: 5px 0px 0px 5px;
    }
.main-post-box img {
    object-fit: cover;
    object-position: center;
    max-width: 2000px;
    max-height: 1500px;
    }




/* static pages */
div.page-container {
    margin: 40px;
    }