friendcode

<style>

body{background:black;}

@font-face{
src:url(https://dl.dropboxusercontent.com/u/4556289/Savage.ttf);
font-family:'bodyfont';}

#centerdiv{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
height: 700px;
width: 400px;}

#imagetop{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
margin: auto;
height: 500px;
width: 500px;
background-image:url(https://nus1-api.asm.skype.com/v1/objects/0-cus-d1-15a2e88f0fca280bbeae0c4fd08b181f/views/imgpsh_fullsize);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;}

#textstuff{
position: absolute;
top: 500px;
box-sizing: border-box;
padding-top: 10px;
left: 0px;
right: 0px;
margin: auto;
height: 200px;
width: 500px;
text-align: justify;
color: gray;
font-size: 16pt;
font-family:'bodyfont', Times, Arial;
overflow: auto;}

#textstuff i{
font-style: ;}

#textstuff i:nth-child(even){
color: #99aabb;}

#textstuff i:nth-child(odd){
color: #bb99aa;


</style>

<div id="centerdiv">
<div id="imagetop">
</div>
<div id="textstuff">
<i>Lorem Ipsum is simply dummy text of the printing and typesetting</i>
<i>industry. Lorem Ipsum has been the industry's standard dummy text</i>
<i>ever since the 1500s, when an unknown printer took a galley of</i>
<i>type and scrambled it to make a type specimen book. It has survived</i>
<i>not only five centuries, but also the leap into electronic typesetting,</i>
<i>remaining essentially unchanged.</i>
</div>
</div>