Dad

<style type="text/css">
#profile { border: hidden; background-color: transparent; }

.pfor {display:none;}

body{
background-color:#fff;
}

#light{
position:fixed;
top:0px;
left:0px;
height:100%;
width:100%;
background:url('');
background-position:center center;
background-size:80%;
background-repeat:no-repeat;
opacity:0.07;
filter:alpha(opacity=07);
}

#ride{
position:relative;
margin: 0 auto;
top:100px;
width:436px;
height:550px;
background-image:url('http://i.picpar.com/J5J.gif');
background-size:80%;
border:5px solid #7D7D7D;
}

 .thunder{
position:absolute;
top:262px;
left:0px;
right:0px;
height:25px;
background-color:#7D7D7D;
}

#my{
position:absolute;
top:4px;
left:4px;
height:252px;
width:120px;
background-image:url(http://i.picpar.com/Sqad.gif);
background-size: 150%;
background-position: 50% 0%;
border:1px solid #313131;
}

#rhythm{
position:absolute;
bottom:4px;
left:4px;
height:252px;
width:120px;
background-image:url(http://i.picpar.com/Tqad.gif);
background-size: 150%;
background-position: 50% 0%;
border:1px solid #313131;
}

#Primordial{
position:absolute;
top:4px;
right:4px;
height:252px;
width:298px;
background-image:url('http://i.picpar.com/Uqad.gif');
background-size: 100%;
background-position: 0% 27%;
overflow:auto;
border:1px solid #313131;
}

#pristine{
position:absolute;
bottom:4px;
right:4px;
height:252px;
width:298px;
background-image:url('http://i.picpar.com/Vqad.gif');
background-size: 163%;
background-position: 0% 0%;
overflow:auto;
border:1px solid #313131;
}

 .beat{
color:#7D7D7D;
font-size:11px;
text-align:justify;
line-height:11px;
font-family:gisha;
margin: 3px 8px 3px 3px;
}

 .drum{
position:absolute;
top: 260px;
left: 70px;
color:#313131;
font-size:24px;
font-weight:bold;
font-family:courier new;
letter-spacing:-2px;
text-shadow:1px 1px 3px #000;
}

 .cover{
height:100%;
width:100%;
background-color:#313131;
filter: alpha(opacity=0);
opacity: 0;
overflow:hidden;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

 .cover:hover{
filter: alpha(opacity=100);
opacity: 1;
overflow:auto;
}

b {
color: #7D7D7D;
font-family:cambria;
font-weight:bold;
letter-spacing: 1px;
}

i{
color:#7D7D7D;
font-family:cambria;
font-weight:light;
letter-spacing: 1px;
font-style:italic;
}

u{
text-decoration:none;
border-bottom:1px dotted #210c0a;
}

a:active, a:link, a:visited{
color:#A3999C;
text-decoration:line-through;
}

a:hover{
cursor:help;
color:#A3999C;
text-decoration:none;
}

big{
color: #7D7D7D;
font-size:22px;
line-height:11px;
}

h1 {
font: normal 12px 'lucida console';
border-bottom: 1px solid #A3999C;}


::-webkit-scrollbar {width: 3px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #131313;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #222;border: 0px ;width: 15px;}

#ufuk {position: fixed;right: 0%;bottom: 0%;}
 #ufuk img {width: auto;height: 80%;}

.circle{ border-radius:150px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; }

.circle:hover{ border-radius:0px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); }

</style>
<div id="ufuk"><img src="http://i.picpar.com/rKOc.jpg"></div>

<div id="light"></div>

<div id="ride">
<div class="thunder"></div>
<div id="my">
<div class="cover">
<div class="beat">
 <center><h1>Gifts</h1>
<br>
<Br>
Give Dad Gifts


</div>
</div>
</div>
<div id="rhythm">
<div class="cover">
<div class="beat">
 <center><h1>The Kids</h1>
<a target="_blank" href="https://roleplay.chat/profile.php?user=pxndahxro" target="_blank"><img src="https://i.imgur.com/RbPM8yc.jpg" class="circle" height="75" width="75" border="1" title="Kiddo"></a> <br><br><a target="_blank" href="l" target="_blank"><img src="http://i.picpar.com/Wqad.gif" class="circle" height="75" width="75" border="1" title="Pop's Favorite"></a> <br><br><a target="_blank" href="l" target="_blank"><img src="http://i.picpar.com/Wqad.gif" class="circle" height="75" width="75" border="1" title="Pop's Favorite"></a> <br><br>

</div>
</div>
</div>

<div id="primordial">
<div class="cover">
<div class="beat">

 <center><h1>Things You Should KNow</h1></center>
<font style=float:left>Name:</font> <font style=float:right>Dad</font><br><br>
<font style=float:left>Nickname:</font> <font style=float:right>Pops,Daddio</font><br>
<br><font style=float:left>Age: </font><font style=float:right>Old</font>
<br><br><font style=float:left>Height:</font> <font style=float:right>Taller than you</font>
<br><br><font style=float:left>Build:</font> <font style=float:right>Built</font>
<br><br><font style=float:left>Martial:</font> <font style=float:right>Single</font>
<br><br><font style=float:left>Demeanor:</font> <font style=float:right>Jolly old Man</font>
<br><br><font style=float:left>Orientation:</font> <font style=float:right>Pansexual</font>
<br><br><font style=float:left>Work:</font> <font style=float:right>Employed</font>
<br><br><font style=float:left>PMs?:</font> <font style=float:right>Friendly</font>
<br><br><font style=float:left>Discord:</font> <font style=float:right>Yes</font>
<br><br><font style=float:left>Dick Ref:</font> <font style=float:right><a target="_blank" href="https://imgur.com/a/F8qc2pd">Here</a></font>
<br><br><font style=float:left>Kink Sheet:</font> <font style=float:right><a target="_blank" href="https://www.f-list.net/c/the%20king%20hound">Here</a></font>



</div>
</div>
</div>
<div id="pristine">
<div class="cover">
<div class="beat">
<center><h1>OOC</h1>
PM Friendly<br><br>
SMut or Story<br><br>
Be Cool<br><br>
I reserve the right to refuse or discontinue RP that I am unsatisfied with<br><br>
No profile or multi-chara profile, no RP<br><br>
 </center>


 </div>
</div>
</div>

<div class="drum">Everyone's Favorite Dad!</div>
</div>