Everything is pretty with a ribbon

<style type="text/css">

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

.headertext1 {
	
	font-family: 'playball';
        color: #fff; 
        font-weight: normal;
	line-height: 1.2em;
        margin-top: 0px;
        font-size: 35px;
	padding-top: 6px;
	text-shadow: 1px 1px 2px #000;
	text-align: center;
}



.box1{
	clear: both;
	margin: 0px auto;
	width: 350px;
        height: 400px;
        background: #fff;
        border-radius: 5px;
	position: relative;
	z-index: 1; 
}

.rectangle1 {
	background: #939393;
        border-radius: 10px;
	height: 50px;
	width: 390px;
	position: relative;
	left:-21px;
	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-l1 {
	border-color: transparent #939393 transparent transparent;
	border-style:solid;
        border-width:18px;
	height:0px;
	width:0px;
	position: relative;
	left: -36px;
	top: 50px;
	z-index: -1; 
}

.triangle-r1 {
	border-color: transparent transparent transparent #939393;
	border-style:solid;
        border-width:18px;
	height:0px;
	width:0px;
	position: relative;
	left: 350px;
	top: 12px;
	z-index: -1; 
}




.maintext1::-webkit-scrollbar { width: 6px; background-color: transparent; }
.maintext1::-webkit-scrollbar-track { background-color: transparent; -webkit-box-shadow: inset 0 0 6px #c9c9c9; }
.maintext1::-webkit-scrollbar-thumb { background-color: #000; -webkit-box-shadow: inset 0 0 4px #a0a0a0; }
</style>
<link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<div id="wrapper1">

<div class="box1">
<div class="rectangle1"><div class="headertext1">Announcement</div></div>
<div class="triangle-l1"></div> 
<div class="triangle-r1"></div>
<div style="width: 250px; height: 260px; margin: 40px 50px 35px 50px; padding-right: 5px; color: #000; font-size: 12px;  overflow-y: auto; overflow-x: hidden; " class="maintext1">
Text goes here
</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>