style.css

body {
    color: #eee;
    background-color: #000000;
    margin: 0;
    padding: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 76%;
}

a {
	font-family: inherit;
    color: yellow;
    text-decoration: none;
}

a:hover {
	color: #ff9800;
}

h2 {
    background-color: #202020;
    border: 1px #888 solid;
    color: yellow;
    font-size: 0.9em;
    padding: 1ex;
    font-weight: bold;
    text-align: center;
}

.author {
    color: #FF5722;
    font-family: sans-serif;
    text-align: center;
}

.post {
	text-align: left;
    color: #ececec;
    font-family: sans-serif;
    background-color: #000000c9;
    padding: 6px;
    max-height: 150px;
    overflow-y: scroll;
    max-width: 900px;
}

.content {
	text-align: -webkit-center;
}

.counter {
    display: block;
    position: absolute;
}


/* Scrollbar by: GhostRider (https://codepen.io/GhostRider/pen/GHaFw) */
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(1,1,1,1.3);
	background-color: #201d1a;
}

::-webkit-scrollbar
{
	width: 12px;
	background-color: #201d1a;
	
}

::-webkit-scrollbar-thumb
{
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 6px rgba(1,1,1,.3);
	background-color: #e5d4b3;
}

::-webkit-scrollbar-corner { background-color: #201d1a;}
::-webkit-scrollbar {
    cursor:pointer;
}