AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

<style>
@import url(https://fonts.googleapis.com/css?family=Voltaire|Abel);

.pfor {display: none;}
#profile {
background-color:transparent;
border: 0px;}
body {
background-image: url('https://zippy.gfycat.com/SomberFarflungAfricanfisheagle.gif');
background-repeat: no-repeat;
background-size: cover;
background: #transparent;
}






#f1_container {
 margin: 0px auto;
 width: 238px;
 height: 338px;
 z-index: 2;
}
#f1_container {
 perspective: 1000;
}
#f1_card {
 width: 100%;
 height: 100%;
 transform-style: preserve-3d;
 transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
 transform: rotateY(180deg);
}
.face {
 position: fixed;
 width: 100%;
 height: 100%;
 backface-visibility: hidden;
}
.face.back {
 display: block;
 transform: rotateY(180deg);
 box-sizing: border-box;
 padding: 7px;
 color: white;
 text-align: center;
 background-color: #aaa;

}




#pickle:hover .boxturtle{
opacity: 0.8;
margin-top: 10px;
}



.boxturtle{
position: absolute;
bottom: 0px;
left: 4px;
font-size: 14px;
 width:220px;
height: 330px;
padding: 5px;
font-family: Play;
z-index: 4;
background: #000000;
border:0px;
color: #ffcc00;
text-align: justify;
opacity: 10;
overflow:hidden;
border-style: inset;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}




#pop:hover .howlingmonkey{
opacity: 100;
margin-top: 10px;
}



.howlingmonkey{
position: absolute;
bottom: 0px;
left: 4px;
font-size: 14px;
width:220px;
height: 330px;
padding: 5px;
font-family: Play;
z-index: 4;
background: #transparent;
border:0px;
color: transparet;
text-align: justify;
opacity: 100;
overflow:hidden;
border-style: inset;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}




#chewy:hover .bloodshot{
opacity: 0.8;
margin-top: 10px;
}



.bloodshot{
position: absolute;
bottom: 0px;
left: 4px;
font-size: 14px;
 width:220px;
height: 330px;
padding: 5px;
font-family: Play;
z-index: 4;
background: #000;
border:0px;
color: #ffcc00;
text-align: justify;
opacity: 0;
overflow:hidden;
border-style: inset;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

#flip:hover .shoot{
opacity: 0.8;
margin-top: 10px;
}






.shoot{
position: absolute;
bottom: 0px;
left=: 4px;;
font-size: 14px;
width:220px;
height: 330px;
padding: 5px;
font-family: Play;
z-index: 4;
background: #000;
border:0px;
color: #ffcc00;
text-align: justify;
opacity: 0;
overflow:hidden;
border-style: inset;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}


#sickle:hover .whoop{
opacity: 0.8;
margin-top: 10px;
}






.whoop{
position: absolute;
bottom: 0px;
left: 4px;
font-size: 13px;
 width:220px;
height: 330px;
padding: 5px;
font-family: Play;
z-index: 4;
background: #000;
border:0px;
color: #4b83dd;
text-align: justify;
opacity: 0;
overflow:hidden;
border-style: inset;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}


#mortalcombat:hover .final{
opacity: 0.8;
margin-top: 10px;
}



.final{
position: absolute;
bottom: 0px;
left: 4px;
font-size: 14px;
width:220px;
height: 330px;
padding: 5px;
font-family: Play;
z-index: 4;
background: #000;
border:0px;
color: #ffcc00;
text-align: justify;
opacity: 0;
overflow:hidden;
border-style: inset;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

a:active, a:link, a:visited{
font-family: 'Voltaire', sans-serif;
color:#767676;
text-decoration:none;
}

a:hover{
cursor:help;
color:#daf5ff;
text-decoration:line-through;
}

b {
font-family: 'Voltaire', sans-serif;
font-weight:light;
letter-spacing: 1px;

}

i{
color:#bcc1f2;
font-weight:bold;
letter-spacing: 1px;
font-style:italics;
}

h1{
font-size: 13px;
width: 100%;
font-family: century;
font-weight: normal;
line-height: 13px;
text-transform: uppercase;
text-align: left;
text-indent:10px;
border-bottom: 1px dotted #ffcc00;
}

h1:first-letter{
font-family:century;
color: #ffcc00;
font-size: 14px;
font-weight: light;
text-shadow: 0px 0px 3px #000000;
}
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #044c8d;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #b32323;border: 0px ;width: 12px;}
</style>

</style>


<div style="position: fixed; right: 7px; : 00px;">

<div id="f1_container">
<div id="f1_card" class="shadow">
 <div class="front face">
 <img src="http://i63.tinypic.com/28jlbgp.gif" height="338" width="238"/>
 </div>
 <div class="back face center">
 <div id="pickle">
<img src="https://i.imgur.com/ge91Lqg.jpg" height="330" width="220">
<div class="boxturtle">

<h1>Sometimes</h1><br>
<b style="letter-spacing:6px;font-size:8px;"><big>Name</big></b> Frisk<br>
<b style="letter-spacing:6px;font-size:8px;"><big>Age</big></b> 18<br>


<b style="letter-spacing:6px;font-size:8px;"><big>Height</big></b> 5'1" <br>


<b style="letter-spacing:6px;font-size:8px;"><big>Status</big></b><i><a href="https://roleplay.chat/profile.php?user=Cruel+Regret"> His sunshine</a></i><br>


<b style="letter-spacing:6px;font-size:8px;"><big>A.U.</big></b> Flowerfell <br><br>
</div></div>
</div>
 </div>
</div>
</div>
</div>

<div style="position: right; : 90px; left: 900px;">
<div id="f1_container">
<div id="f1_card" class="shadow">
 <div class="front face">
 <img src="http://i.picpar.com/9o7c.png" height="338" width="238"/>
 </div>
 <div class="back face center">
 <div id="pop">
<img src="http://i.picpar.com/3s7c.png" height="330" width="220">
<div class="howlingmonkey">


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



<div style="position: fixed; top: 70px; left: 400px;">
<div id="f1_container">
<div id="f1_card" class="shadow">
 <div class="front face">
 <img src="http://i.picpar.com/Ai7c.png" height="338" width="238"/>
 </div>
 <div class="back face center">
 <div id="chewy">
<img src="https://i.imgur.com/ge91Lqg.jpg" height="330" width="220">
<div class="bloodshot">
<h1>Personality</h1>
<p>Frisk is not a shy person to say the least but due to being blind unexpected touch does startle the flower. Always kind and gentle towards everyone, because some times kindness is enough if that is the only thing that is to offer. The reasoning behind this is that much like everything if it starts out small it will grow and bloom so instead of all of the fear and hate that was within their world why not kindness?</p>



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

<div style="position: fixed; : 25px; left: 100px;">
<div id="f1_container">
<div id="f1_card" class="shadow">
 <div class="front face">
 <img src="https://s-media-cache-ak0.pinimg.com/736x/46/d9/87/46d987223854845b7601ff783d9cbc89.jpg" height="338" width="238"/>
 </div>
 <div class="back face center">
 <div id="flip">
<img src="http://pre14.deviantart.net/a634/th/pre/i/2017/030/e/c/tarot__tower_by_doberlady-dauczmk.png" height="330" width="220">
<div class="shoot">
<br>
<h1>Inventory</h1>
<a href="http://pastebin.com/8QrskhFG" target="_blank">Enchanted Tarot Cards</a>
<bR>
Change of clothes x3<br>
<a href="http://i.imgur.com/G2iyw5L.png" target="_blank">Rapier + parrying dagger</a>
<bR>
Picture of her and her twin sister<br>
<a href="http://i.imgur.com/UOPmYOZ.png" target="_blank">The AN Dagger</a><br>
</div></div>
</div>
 </div>
</div>
</div>
</div>

<div style="position: fixed; top: 70px; right: 440px;">
<div id="f1_container">
<div id="f1_card" class="shadow">
 <div class="front face">
 <img src="http://i.picpar.com/bm7c.png" width="238"/>
 </div>
 <div class="back face center">
 <div id="sickle">
<img src="http://pre10.deviantart.net/f334/th/pre/i/2016/002/7/1/tarot__the_hermit_by_doberlady-d9mfcid.png" height="330" width="220">
<div class="whoop">
<h1>Bio</h1>
<p>Isabella is the youngest child of Salvia and Rone Quinn. She has about three older brothers and one twin sister who is moments older then her. Elizabeth and Isabella were never really close. All they truly have was their common birthday between each other. Elizabeth unlike Bella was a raven haired beauty who towers above her sister. Bella happens to be a short, petite figure with silver curls.</p>

<p>Bella would spend her time studying and practicing spellcasting, without an instructor. Her ability and drive would attract the attention of the town's local crone, the village's wise woman and fortune teller. She took the young woman under her wing and taught her all she knew.</p>
</div></div>
</div>
 </div>
</div>
</div>
</div>

<div style="position: fixed; right: 25px; : 250px;">
<div id="f1_container">
<div id="f1_card" class="shadow">
 <div class="front face">
 <img src="http://i.picpar.com/al7c.png" height="338" width="238"/>
 </div>
 <div class="back face center">
 <div id="mortalcombat">
<img src="https://i.imgur.com/ge91Lqg.jpg" height="330" width="220">
<div class="final">
<h1>Rules/OOC</h1>
 <Br>
<i>o1.</i> PM/rp friendly.Including room approachable<br>
<i>o2.</i> IC =/= OOC.<br>

<i>o4.</i> The art is not mine.<br>
<i>o5.</i> This code? Was given to me by a friend. Don't touch it. She helped me with editing and rendering of the pictures you see here.<br>
<i>o6.</i> No smut.<br>
<i>o7.</i> IRL/RP<br>
<i>o8.</i> Usually IC unless brackets are used.<br>
<i>o9.</i> Starter post friendly.<br>
<i>1o.</i> Don't like the way I play this character? Don't interact.<br>

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