body, html{
    background-color: #ecf0f1;
}

.rtl{
    direction: rtl;
}

#content{
    width: 550px;
    margin: 150px auto 0 auto;
}

#consoleBox{
    background-color: #2c3e50;
    height: 290px;
    border-radius: 5px;
    box-shadow: 5px 5px 15px 0px #34495e;
    margin-bottom: 50px;
}

#consoleBox.autoResize{
    height: auto;
    padding-bottom: 40px;
}

#consoleBoxHead span{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    margin: 0 5px 0 0;
}

#consoleBoxHead{
    padding: 15px;
}

#s1{
    background-color: #e74c3c;
}

#s2{
    background-color: #f1c40f;
}

#s3{
    background-color: #2ecc71;
}

#topText img{
    width: 110px;
    vertical-align: middle;
    margin-left: 15px;
    transform: scaleX(-1);
}

#topText h2, #topText h3{
    font-family: 'Black Han Sans', sans-serif;
    display: inherit;
    font-size: 45px;
    margin: 0;
    font-weight: initial;
    color: #202040;
}

#topText h3{
    font-size: 28px;
}

#topText span{
    display: inline-block;
}

#consoleContent{
    font-family: 'PT Mono', monospace;
    color: #1abc9c;
    width: 93%;
    margin: 0 auto;
    line-height: 25px;
}

.cm{
    font-weight: bold;
    /* color: #c0392b; */
}

.postTitle{
    display: block;
    text-align: center;
    font-size: 20px;
}

.ct::after{
    content: ' ';
    white-space: pre;
}

#consoleContent a{
    color: #1abc9c;
    text-decoration: none;
}

#consoleContent a.clnk:hover{
    text-decoration: underline;
}

#consoleContent li{
    list-style: none;
}

#consoleContent ul{
    margin: 0;
    padding: 0;
}

#textHeader{
    vertical-align: middle;
}

#blogPostContent{
    text-align: justify;
}