Starry night

<style type="text/css">
.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: #17528c; -webkit-box-shadow: inset 0 0 4px #a0a0a0; }
</style>
<link href='http://fonts.googleapis.com/css?family=Eagle+Lake' rel='stylesheet' type='text/css'>

<div style=" width: 350px; height: 550px;  background-color: #e0efff; background-image: url(http://i58.tinypic.com/wly88w.jpg); color: #000; border: solid #17528c 1px; font-size: 12px;  margin-left: 150px; padding: 5px;">
<div style="width: 360px; height: auto; padding: 10px 0px 10px 0; text-align: center; font-size: 27px; font-family: 'Eagle Lake' ; color: #17528c;">
Character name</div>
<div style="width: 330px; height: 200px; background-image: url(http://placehold.it/325x200);  margin-top: 5px; margin-left: 10px; border-radius: 5px; "></div>
<div style=" width: 330px; height: 50; overflow: hidden; font-size: 10px; color: #000; text-align: justify; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; ">
Age | member group | Character trait | Character trait | Character trait|
</div>
<div style="width: 330px; height: 280px; padding: 10px 10px 0px 0px; text-align: left; font-size: 14px; font-family: 'Lily Script One' ; color: #17528c; margin-left: 10px; margin-right: 10px; overflow-y: scroll; "class="maintext1">
Plotpage text! </div>

</div>
<div style="font-size: 10px; text-align: center;">made by<a href='https://rpginitiative.com/user/390-amelia/'> Amelia</a> @The Initiative</div>