DAMU CODE [GIFT]

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Lobster+Two|Lilita+One|Montez');

body {
background-color: #AC0E00;
background-image: url('https://i.ibb.co/gykvVbP/black-particles.png');
background-position: center;
background-size: 30%;
background-repeat:repeat;
}

#profile {
position: fixed;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}


::-webkit-scrollbar-track {
background-color:;
}

::-webkit-scrollbar-thumb {
background-color:;
}

::-webkit-scrollbar {
width:0px;
height:0px;
}

#container {
position: absolute;
left: 20%;
top: 13%;
height: 480px;
width: 800px;
border: 2px solid #540700;
border-radius: 5%;
background-color: #E61300;
box-shadow: 0px 0px 8px 8px #540700;
background-image: url('https://www.transparenttextures.com/patterns/dark-matter.png');
background-size: 1%;
background-repeat: repeat;
}

#img {
position: absolute;
z-index: 1;
left: 10px;
top: 10px;
height: 110px;
width: 110px;
border: 0px solid #E61300;
border-radius: 20%;
box-shadow: 0px 0px 6px 6px #540700;
background-image: url('https://i.pinimg.com/564x/44/1f/45/441f45d97f1af8743fcb5794e5f9f6cd.jpg');
background-size: 110%;
background-position: center;
background-repeat: no-repeat;
}

#img2 {
position: absolute;
z-index: 1;
right: 10px;
bottom: 10px;
height: 110px;
width: 110px;
border: 0px solid #E61300;
border-radius: 20%;
box-shadow: 0px 0px 6px 6px #540700;
background-image: url('https://i.pinimg.com/564x/6b/e4/38/6be4383c2decb80fb6e8588f61b999fc.jpg');
background-size: 123%;
background-position: center;
background-repeat: no-repeat;
}

#topinfo {
position: absolute;
z-index: 1;
left: 130px;
top: 12px;
background-color: #000;
height: 97px;
width: 315px;
border-radius: 2%;
box-shadow: 0px 0px 3px 3px #540700;
padding: 5px;
overflow-y: auto;
font-family: 'Josefin Sans';
font-size: 12px;
line-height: 16px;
color: #fff;
}

#topinfo2 {
position: absolute;
z-index: 1;
left: 465px;
top: 12px;
background-color: #000;
height: 97px;
width: 315px;
border-radius: 2%;
box-shadow: 0px 0px 3px 3px #540700;
padding: 5px;
overflow-y: auto;
font-family: 'Josefin Sans';
font-size: 12px;
line-height: 16px;
color: #fff;
}

#botinfo {
position: absolute;
z-index: 1;
left: 10px;
bottom: 12px;
background-color: #000;
height: 97px;
width: 315px;
border-radius: 2%;
box-shadow: 0px 0px 3px 3px #540700;
padding: 5px;
overflow-y: auto;
font-family: 'Josefin Sans';
font-size: 12px;
line-height: 16px;
color: #fff;
}

#botinfo2 {
position: absolute;
z-index: 1;
left: 345px;
bottom: 12px;
background-color: #000;
height: 97px;
width: 315px;
border-radius: 2%;
box-shadow: 0px 0px 3px 3px #540700;
padding: 5px;
overflow-y: auto;
font-family: 'Josefin Sans';
font-size: 12px;
line-height: 16px;
color: #fff;
}

#middlefo {
position: absolute;
z-index: 1;
left: 10px;
bottom: 130px;
height: 210px;
width: 300px;
background-color: #E61300;
border-left: 5px solid #540700;
padding: 5px;
overflow-y: auto;
font-family: 'Josefin Sans';
font-size: 12px;
line-height: 16px;
color: #fff;
opacity: 0.9;
border-radius: 2%;
}

p::first-letter {
font-size: 200%;
background-color: #000;
color: #E61300;
font-family: 'Montez';
padding: 10px;
margin-top: -10px;
margin-right: 2px;
float: left;
}

#friends {
position: absolute;
z-index: 1;
left: 340px;
bottom: 190px;
height: 150px;
text-align: center;
width: 433px;
background-color: #E61300;
border-left: 5px solid #540700;
border-right: 5px solid #540700;
padding: 5px;
overflow-y: auto;
font-family: 'Josefin Sans';
font-size: 12px;
line-height: 16px;
color: #fff;
opacity: 0.9;
border-radius: 2%;
}

.friend {
width: 65px;
height:41px;
opacity: 1;
border: 1px dashed #000;
border-Radius: 10%;
margin-right: .5px;
margin-top: 4px;
margin-bottom:-5px;
opacity: 0.8;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;
}

.friend:hover {
opacity: 0.7;
border: 1px dashed yellow;
margin-right: .5px;
margin-top: 4px;
margin-bottom:-5px;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;
}

#title {
position: absolute;
z-index: 2;
left: 312px;
bottom: 40px;
height: 145px;
width: 460px;
background-image: url('https://i.ibb.co/wRpHkrF/Damu-title.png');
background-size: 100%;
background-repeat: no-repeat;
transform: skew(-25deg);
}

b {
font-family: 'Lilita One';
color: #BA2D4A;
}

i {
font-weight: italic;
color: #5A7B29;
}

a {
font-family: 'Lobster Two';
color: #A8AA6A;
text-decoration: none;
font-size: 10px;
}

a:hover {
color: #D0D447;
opacity: 0.8;
text-decoration: underline;
-webkit-transition:opacity 0.7s linear;
 -webkit-transition:all 0.6s ease-out;
 -moz-transition:all 0.6s ease-out;
 transition:all 0.6s ease-out;
}


</style>
<div id="profile" oncontextmenu="return false;">
<div id="container">
<div id="img"></div>
<div id="img2"></div>
<div id="title"></div>
<div id="topinfo">
<B>Name:</B> <font style=float:right>Damu Adams.</font><br>
 <b>Nickname(s):</b> <font style="float:right;">STAT.</font><br>
 <b>Age:</b> <font style="float:right;">STAT.</font><br>
<b>D.o.B.:</b> <font style="float:right;">STAT.</font><br>
<b>P.o.B.:</b> <font style="float:right;">STAT.</font><br>
 <b>Ethnicity:</b> <font style="float:right;">STAT.</font><br>
 <b>Nationality:</b> <font style="float:right;">American.</font><br>
 <b>Orientation:</b> <font style="float:right;">Heterosexual.</font><br>
<b>Marital:</b> <font style="float:right;">Single.</font><br>
 <b>Occupation:</b> <font style="float:right;">STAT.</font><br>
 <b>Alignment:</b> <font style="float:right;">STAT.</font><br>
<b>Residence:</b> <font style="float:right;">Crystaia City, CA.</font><br>
<b>Hair Color:</b> <font style="float:right;">Black.</font><br>
<b>Hair Style:</b> <font style="float:right;">STAT.</font><br>
<b>Eye Color:</b> <font style="float:right;">Brown.</font><br>
<b>Skin Tone:</b> <font style="float:right;">STAT.</font><br>
<b>Height:</b> <font style="float:right;">STAT.</font><br>
<b>Weight:</b> <font style="float:right;">STAT.</font><br>
<b>Physique:</b> <font style="float:right;">STAT.</font><br>
<b>Bloodtype:</b> <font style="float:right;">STAT.</font><br>
<b>Scent:</b> <font style="float:right;">STAT.</font>
</div>
<div id="topinfo2">
 <b>Identity:</b> <font style="float:right;">Crimson Rubeus.</font><br>
 <b>Faction:</b> <font style="float:right;">Black Moon Clan.</font><br>

<b>Designation:</b> <font style="float:right;">General.</font><br>
<b>Domain:</b> <font style="float:right;">STAT.</font><br>
<b>Element:</b> <font style="float:right;">STAT.</font><br>
 <b>Title:</b> <font style="float:right;">STAT.</font><br>
<B>Species:</B> <font style=float:right>Humanoid.</font><br>
 <b>Forms:</b> <font style="float:right;">One.</font><br>
 <b>Primary Weapon:</b> <font style="float:right;">STAT.</font><br>
<B>Secondary Weapon:</B> <font style=float:right>STAT.</font><br>
<b>Colors:</b> <font style="float:right;">STAT.</font><br>
<B>Opposite:</B> <font style=float:right>Green Esmeraude.</font>
</div>
<div id="botinfo">
<B>00.</B> This profile was coded for Crimson Rubeus by <a href="//roleplay.chat/profile.php?user=Sailor+Chuu" target="_blank">Chuu</a> for his exclusive use! Do not touch it.
</div>
<div id="botinfo2">
<li>Headcanon 1.</li>
<li>Headcanon 2.</li>
<li>Headcanon 3.</li>
</div>
<div id="middlefo">
<p>Personality goes here. Maybe history? I'm gonna type enough to see how this shit looks and make sure it doesn't whackadoodle you.</p>
</div>
<div id="friends">
<a href=" " target="_blank"><img src="https://i.gifer.com/CfMT.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.gifer.com/CfMT.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.gifer.com/CfMT.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.gifer.com/CfMT.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.gifer.com/CfMT.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.gifer.com/CfMT.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.gifer.com/CfMT.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.gifer.com/CfMT.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.gifer.com/CfMT.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.gifer.com/CfMT.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.gifer.com/CfMT.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.gifer.com/CfMT.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.gifer.com/CfMT.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.gifer.com/CfMT.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.gifer.com/CfMT.gif" title="Info here" class="friend"></a>
</div>
</div>