JOAO Placeholder

<style>

body {background: #E1DDD2;}

a {text-decoration: none; color: #000;}
a:hover {color: #fff;}

.container {position: fixed;
background: #000;
height: 460px;
width: 660px;
margin: auto;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}

.img1 {position: absolute;
background: url('https://scontent-atl3-1.cdninstagram.com/vp/29c97496111cc23316bb12a4f69baa4b/5E2962C3/t51.2885-15/e35/33124973_255201451708779_5155355807822381056_n.jpg?_nc_ht=scontent-atl3-1.cdninstagram.com&_nc_cat=103') no-repeat;
background-size: 480px;
background-position: -28px -15px;
height: 400px;
width: 270px;
left: 10px;
top: 10px;
border: 1px solid #E1DDD2;
}

.img2 {position: absolute;
background: url('https://scontent-iad3-1.cdninstagram.com/vp/1650fbad1fe7dd4ea2720490e875306e/5E45B593/t51.2885-15/e35/31449004_187683838549321_8398604429007257600_n.jpg?_nc_ht=scontent-iad3-1.cdninstagram.com&_nc_cat=101') no-repeat;
background-size: 420px;
background-position: -30px -30px;
height: 400px;
width: 355px;
left: 280px;
top: -1px;
border: 1px solid #E1DDD2;
}

.name {position: absolute;
font-family: times;
font-size: 30px;
color: #E1DDD2;
letter-spacing: 10px;
font-style: italic;
right: 10px;
bottom: 10px;
}


.coder {position: absolute;
font-family: courier;
font-size: 10px;
color: #000;
letter-spacing: 2px;
left: 310px;
bottom: -20px;
}

</style>

<div class="container">

<div class="img1"><div class="img2"></div></div>

<div class="name">joao.</div>

<div class="coder"><a href="https://roleplay.chat/profile.php?user=words">words</a></div>