cofagrigus' placeholder profile #1

<html>
<body><style type="text/css">

body{background: #0E0E0E; overflow: hidden;}

/* 4E4E4E */

.box {position: fixed;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: transparent;
width: 190px;
height: 103px;
font-family: Verdana;
font-size: 11px;
color: #ccc;
border-top: 1px solid #ccc;
text-align: center;}

.box2 {position: absolute;
margin: auto;
bottom: -25px;
left: -20px;
background: transparent;
width: 230px;
height: 25px;
border-top: 1px solid #ccc;
font-family: Verdana;
font-size: 9px;
letter-spacing: 1px;
text-transform: uppercase;}

.title {position: absolute;
margin: auto;
top: -15px;
left: 0px;
right: 0px;
background: transparent;
width: 120px;
height: 13px;
border: 0px solid #ccc;
font-family: Verdana;
font-size: 11px;
text-transform: uppercase;}

.sprite {position: absolute;
margin: auto;
top: -35px;
right: -115px;
background: transparent url('https://i.imgur.com/hgu7udV.gif');
background-size: 142px;
width: 142px;
height: 102px;}

small {
text-transform: uppercase;
font-size: 9;
letter-spacing: 1px;}

a {color: #ccc;
text-decoration: none;
font-weight: normal;
display: inline-block;}

</style>

<div class="box">
<div class="title"> Work In Progress</div>
<small>Placeholder</small><br><Br>
Cofagrigus Gijinka<br>
Male. Pretty Old, Feels Old.<br>
Pessimistic. Sarcastic.<br>
Ghost.<br><br>
<div class="box2">
PM Friendly Mostly. No Drama Zone.<br>

</div>
<div class="sprite"></div>
</div>
</body>
</html>