RPC CODE FOR TATTED

<style onload="try {document.title = 'tab title.' ;} catch (e) { }" type="text/css">
@import url(https://fonts.googleapis.com/css?family=Rationale|Oswald);

	 .pfor {display: none; visibility: hidden;}
	#profile {background-color: #330000;}
	#profile {border:;}
	body
	{overflow-x:hidden;
	background-image:
	url('http://pre13.deviantart.net/8f7e/th/pre/f/2013/210/5/8/ponytails_tattoo_dash_by_iopichio-d6fqnu8.jpg');
	background-repeat:no-repeat;
	background-position: left;
	background-attachment: fixed;
        background-size: 40.5%;
	background-color: #330000;
	font: 0px arial;
	color: black;}
	#profile {background-color: #330099;
	border:3px solid #fff;
	}

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

	::-webkit-scrollbar-thumb {
	background-color:black;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

	::selection {
	color: #fff;
	background: #eee;
	}

	a {color:white;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}

	a:hover {color: black;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}

	*{cursor: url(' '), default;
	}

@font-face {font-family: "arial";src: url(' '); format("truetype");}


	#container {
	position:fixed;
	left:460;
	top:160;
	width: 1400;
	}

	#container2 {
	position:fixed;
	left:380;
	top:160;
	width: 1400;
	}

	#image {
	position:absolute;
	left:0;
	top:0;
	}

.poof{
 float: right;
 -webkit-animation-name: Floatingx;
 -webkit-animation-duration: 3s;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-name: Floating;
 -moz-animation-duration: 3s;
 -moz-animation-iteration-count: infinite;
 -moz-animation-timing-function: ease-in-out;
 margin-left: 30px;
 margin-top: 5px;
}

@-webkit-keyframes Floatingx{
 from {-webkit-transform:translate(0, 0px);}
 65% {-webkit-transform:translate(0, 25px);}
 to {-webkit-transform: translate(0, -0px); }
}

@-moz-keyframes Floating{
 from {-moz-transform:translate(0, 0px);}
 65% {-moz-transform:translate(0, 25px);}
 to {-moz-transform: translate(0, -0px);}
}


.scaling{
 float: right;
 -webkit-animation-name: scalex;
 -webkit-animation-duration:3s;
 -webkit-animation-iteration-count:infinite;
 -webkit-animation-timing-function:ease-in-out;
 -moz-animation-name: scale;
 -moz-animation-duration:3s;
 -moz-animation-iteration-count:infinite;
 -moz-animation-timing-function:ease-in-out;
}

 @-webkit-keyframes scalex{
 from {-webkit-transform: scale(0.9);}
 65% {-webkit-transform: scale(1.0);}
 to {-webkit-transform: scale(0.9);}
 }

 @-moz-keyframes scale{
 from {-moz-transform: scale(0.9);}
 65% {-moz-transform: scale(1.0);}
 to {-moz-transform: scale(0.9);}
 }

</style>


<div id="container2">
<div style="width:220px;height:110px;border-radius: 2%;background:#99ccff;margin-left:170px;float:left;box-shadow:0px 2px 5px #fff;font-size:7.5px;text-transform:uppercase;letter-spacing:1px;color:#fff;padding-left:0px;padding-top:0px;margin-top:60px;border:3px solid #fff;">
<img src="http://pre02.deviantart.net/3ac1/th/pre/i/2012/135/e/d/rarity_et_tattoo_dash_by_iopichio-d4zwin7.jpg" height="120px"; width="220px";>
</div>

<div id="container">
<div style="width:220px;height:98px;border-radius: 2%;background:#99ccff;margin-left:90px;float:left;box-shadow:0px 2px 5px #fff;font-size:7.5px;text-transform:uppercase;letter-spacing:1px;color:#fff;padding-left:0px;padding-top:0px;margin-top:170px;border:3px solid #fff;">
<br>
<center><b>stuff</b> will <strike>go</strike> <u>here</u> <a target="_blank" a title="Information can go here." href=" "><i>LINK</i></a></center><br>
<br>
</span></div>
</div>