@font-face {
    font-family: ibm-regular;
    src: url(./_media/font/IBMPlexSans-Regular.ttf);
}

@font-face {
    font-family: ibm-mono;
    src: url(./_media/font/IBMPlexMono-Regular.ttf);
}

@font-face {
    font-family: ibm-bold;
    src: url(./_media/font/IBMPlexSans-Bold.ttf);
}


/* tagname styles*/
html, body{
    background-color: #141414;
    margin:0;
    height:100%;
    width:100%;
    color: white;
    font-family: ibm-regular;
    overflow:visible;
    overflow-y:hidden;
}
a{
    color:white;
    transition: .3s;
}
a:hover{
    color:gold;
}

table {
    border-collapse: collapse;
}

td, th {
    border: 1px solid #232323;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #171717;
}
code{
    color:gold;
    font-family: ibm-mono;
    font-size:smaller;
}
img{
    width:80%;
}

/*class styles*/
.post-title{
    font-family: ibm-bold;
    font-size:xx-large;
}
.post-link{
    text-decoration: none; 
    transition:0.3s;
}
.post-link:hover{
    color:gold;
}

/*id styles*/
#header{
    position:absolute;
    width:100%;
    background-color:#171717;
}
#sidebar{
    position:absolute;
    top:0;
    height:100%;
    width:350px;
    background-color:#151515;
    text-wrap:nowrap;
}
#post-links{
    line-height: 1.5;
}
#page-content{
    position:fixed;
    right:0px;
    padding-right: 40px;
    width:70%;
    overflow-y:scroll;
    overflow-x:hidden;
    overflow-wrap: break-word;
    height:100%;
}