#single{
}

#singlecontainer{
    width: 50%;
}

p{
    font-size: 120%;
    margin-bottom: 20px;
}

p a{
    text-decoration: underline;
    color: #AAA;
}

.singletitle{
    margin-bottom: 0;
}

.singledate{
    font-size: 100%;
    margin-top: 0;
    margin-bottom: 30px;
}

h2{
    color: #e5c07b;
    border-bottom: 1px solid #303030;
}
h3{
    color: #e5c07b;
    font-weight: 500;
    margin-bottom: 5px;
}

img{
    width: 100%;
    
}

.highlight{
    background-color: #151515;
    padding: 0 3px;
}
.chroma{
    overflow: scroll;
    padding-right: 5px;
    margin-bottom: 20px;
}
.language-text{
    text-wrap: wrap;
}

p code{
    color: #b2ffa8;
    margin: 0 10px;
    line-height: 150%;
}

@media screen 
    and (orientation: portrait){
        #singlecontainer{
            width: 90%;
            max-width: 100vw;
            padding-top: 0;
         }
    }