@charset "UTF-8";
html{
    font-family: Courier, monospace;
}
@media only screen and (max-width:700px){
    body{
        padding: 10px;
    }
    .pimage{
        margin: auto;
        float: none;
    }
    .content{
        padding:30px;
    }
}
@media only screen and (min-width:701px){
    body{
        padding: 25px;
    }
    .pimage{
        float: right;
        padding-left: 2em;
        padding-bottom: 2em;
    }
    .content{
        padding: 75px;
    }
}
body{
    background-image: url("bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-color: #26242c;
}
code{
    font-family: Courier, monospace;
    color: #8f6a7f;
}
pre{
    font-family: Courier, monospace;
    display: block;
    background-color: black;
    border:#a8919e solid 1px;
    padding: 10px;
    word-break: break-all;
    white-space: pre-wrap;
}
a{
    color: #686fb8;
}
a:visited{
    color: #9a63be;
}
ol a{
    word-break: break-all;
    white-space: pre-wrap;
}
.pimage{
    width: 250px;
}
.content{
    background-color: #171717;
    color: #a8919e;
    border:#a8919e solid 1px;
    max-width: 1000px;
    margin:auto;
}
.content img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 100%;
    max-height: 250px;
    object-fit: contain;
}
.pimage img{
    width:100%;
    height:auto;
    border-radius: 50%;
}
.footer{
    padding-top: 50px;
}
.article_header{
    margin-bottom: 2em;
}
.article_header h2{
    margin-bottom: 0px;
}