Ghost of the past

<style type="text/css">

div#wrapper {
	margin: 50px auto 0px auto; 
	width: 400px; height: auto;
}

.headertext {
	
	font-family: Eagle lake; 
        color: #fff; 
        font-weight: normal;
	line-height: 1.2em;
        margin-top: 0px;
        font-size: 30px;
	padding-top: 6px;
	text-shadow: 1px 1px 2px #000;
	text-align: center;
}



.box{
	clear: both;
	margin: 0px auto;
	width: 400px;
        height: 730px;
        background: #fff;
        
	position: relative;
	z-index: 1; 
}

.rectangle {
	background: #939393;
        
	height: 50px;
	width: 433px;
	position: relative;
	left:-16px;
	top: 20px;
	float: left;
	-moz-box-shadow: 0px 0px 2px #000;
  -khtml-box-shadow: 0px 0px 2px #000;
  -webkit-box-shadow: 0px 0px 2px #000;
	z-index: 2
}


.triangle-l {
	border-color: transparent #939393 transparent transparent;
	border-style:solid;
        border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -30px;
	top: 55px;
	z-index: -1; 
}

.triangle-r {
	border-color: transparent transparent transparent #939393;
	border-style:solid;
        border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 400px;
	top: 25px;
	z-index: -1; 
}




.maintext::-webkit-scrollbar { width: 6px; background-color: transparent; }
.maintext::-webkit-scrollbar-track { background-color: transparent; -webkit-box-shadow: inset 0 0 6px #c9c9c9; }
.maintext::-webkit-scrollbar-thumb { background-color: #000; -webkit-box-shadow: inset 0 0 4px #a0a0a0; }
</style>

<link href='https://fonts.googleapis.com/css?family=Eagle+Lake' rel='stylesheet' type='text/css'>
<div id="wrapper">

<div class="box">
<div class="rectangle"><div class="headertext">Ghost of the past</div></div>
<div class="triangle-l"></div> 
<div class="triangle-r"></div>
<div style="width: 350px; height: 200px; background-image: url(https://placehold.it/350x200); margin-left: 25px; margin-top: 20px; "></div>
<div style=" width: 350px; height: 50; overflow: hidden; font-size: 9px; color: #000; text-align: justify; margin-left: 25px; ">
I keep going to the river to pray
'Cos I need something that can wash out the pain
And at most
I'm sleeping all these demons away
But your ghost, the ghost of you
It keeps me awake

My friends had you figured out
Yeah they saw what's inside of you
you tried to hide in another you
But your evil was coming through
</div>

<div style="width: 300px; height: 320px; margin: 20px 50px 10px 50px; padding-right: 5px; color: #000; font-size: 12px;  overflow-y: auto; overflow-x: hidden; " class="maintext">
Post goes here
</div>
<div style=" width: 300px; height: auto; font-size: 11px; color: #000; text-align: center; margin-left: 50px; ">
Words | Notes
</div>
</div>
</div>
<div style="font-size: 9px; text-align: center;">
made by<a href='https://rpginitiative.com/user/390-amelia/'> Amelia</a> @RPG Initiative
</div>