Mae fix 2

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

	 .pfor {display: none; visibility: hidden;}
	#profile {background-color:;}
	#profile {border:;}
	body
	{overflow-x:hidden;
	background-image:
	url('http://i.imgur.com/7aYvCin.png');
	background-repeat:repeat;
	background-position:;
	background-attachment: fixed;
	background-color:white;
	font: 0px arial;
	color: black;}
	#profile {background-color: transparent;
	border:0px;
	}

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

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

	::selection {
	color:#ffb3cc;
	background-color: #bae1ff;
	}

	a {color:;
	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('http://www.dolliehost.com/dolliecrave/graphics/cursors-all/finger6.gif'), default;
	}

	b {
	background-color:#ffb3cc;
	color:#bae1ff;
	font-family: 'Oswald', sans-serif;
	padding:3px;
	}

@font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04B_03_.TTF?dl=1'); format("truetype");}

	#container {
	position: fixed;
	width:1600;
	left: 450px;
	top: 100px;
	opacity:1.0;
	}

	#container2 {
	position: fixed;
	width:1600;
	left: 450px;
	top: 100px;
	opacity:1.0;
	}

	#box {
	position:absolute;
	background-color:#ffb3cc;
	width:200;
	height:200;
	left:0;
	top:0;
	}

	#box2 {
	position:absolute;
	background-color:#bae1ff;
	width:200;
	height:200;
	left:200;
	top:0;
	}

	#box3 {
	position:absolute;
	background-color:#ffb3cc;
	width:200;
	height:200;
	left:400;
	top:0;
	}

	#box4 {
	position:absolute;
	background-color:#bae1ff;
	width:200;
	height:200;
	left:0;
	top:200;
	}

	#box5 {
	position:absolute;
	background-color:#fe92b6;
	width:200;
	height:200;
	left:200;
	top:200;
	}

	#box6 {
	position:absolute;
	background-color:#bae1ff;
	width:200;
	height:200;
	left:400;
	top:200;
	}

	#box7 {
	position:absolute;
	background-color:#ffb3cc;
	width:200;
	height:200;
	left:0;
	top:400;
	}

	#box8 {
	position:absolute;
	background-color:#bae1ff;
	width:200;
	height:200;
	left:200;
	top:400;
	}

	#box9 {
	position:absolute;
	background-color:#ffb3cc;
	width:200;
	height:200;
	left:400;
	top:400;
	}

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

	#box-info-bg {
	position:absolute;
	background-color:#bae1ff;
	width:200;
	height:200;
	right:0;
	top:0;
	}

	#box-info {
	position:absolute;
	color:#ffb3cc;
	font-size:14px;
	font-family: 'Rationale', sans-serif;
	text-transform:uppercase;
	text-align:center;
	width:150;
	height:150;
	left:25;
	top:25;
	overflow:auto;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;
	}

#box-slide{
position: absolute;
width: 400px;
background: #ffb3cc;
height: 200px;
top: 0px;
left: 0px;
-webkit-transition: all 1s;
transition: all 1s;
z-index: 1;
}

body:hover #box-slide{
width: 200px;}

body:hover #box-info{
opacity: 1;}


	#box-info-bg2 {
	position:absolute;
	background-color:#ffb3cc;
	width:400;
	height:200;
	margin-left:-200px;
	top:0;
	}

#box-slide2{
position: absolute;
left: 200px;
top: 0px;
height: 200px;
width: 400px;
overflow: hidden;
-webkit-transition: all 1s;
transition: all 1s;
padding: 0px;}

body:hover #box-slide2{
padding-left:200px;
}


	#box-info-bg3 {
	position:absolute;
background-color: #96d0fc;
background-color: #bae1ff;
	width:200;
	height:200;
	left:0;
	top:200;
	}


#box-slide3{
position: absolute;
height: 200px;
width: 200px;
left: 200px;
    background-color:#fe92b6;
-webkit-transition: all 1s;
transition: all 1s;
z-index: 1;}

body:hover #box-slide3{
-webkit-transition: all 1s;
transition: all 1s;
left: 0px;}

#box-slide3 #image{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
height: 200px;
width: 200px;
-webkit-transition: all 1s .3s;
transition: all 1s .3s;
overflow: hidden;}

#box-slide3 #image2{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
height: 0px;
width: 0px;
-webkit-transition: all .7s;
transition: all .7s;
overflow: hidden;}

body:hover #box-slide3 #image{
-webkit-transition: all .7s;
transition: all .7s;
height: 0px;
width: 0px;
z-index: 1;
}

body:hover #box-slide3 #image2{
-webkit-transition: all 1s .3s;
transition: all 1s .3s;
height: 200px;
width: 200px;
}

#image img, #image2 img{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;}





	#box-info-bg4 {
	position:absolute;
background-color: #bae1ff;
	width:400;
	height:200;
	left:200;
	top:200;
overflow: hidden;
-webkit-transition: all 1s;
transition: all 1s;
	}

#box-slide4{
position: absolute;
width: 400px;
height: 200px;
-webkit-transition: all 1s;
transition: all 1s;
left: 200px;
top: 0px;
opacity: 0;}

body:hover #box-slide4{
left: 0px;
opacity: 1;}

body:hover #box-info-bg4{
background-color:#96d0fc;}

	#box-info-bg5 {
	position:absolute;
	background-color:#bae1ff;
	width:400;
	height:200;
	left:0;
	top:400;
overflow: hidden;
	}

#box-slide5{
position: absolute;
left: 400px;
top: 0px;
height: 200px;
width: 400px;
-webkit-transition: all 1s;
transition: all 1s;
}

body:hover #box-slide5{
left: 0px;}


	#box-info-bg6 {
	position:absolute;
	background-color:#ffb3cc;
background-color: transparent;
	width:200;
	height:200;
top: 0px;
margin-left: 0px;
	}

#box-slide6{
position: absolute;
background-color: #ffb3cc;
background-color: transparent;
height: 200px;
width: 400px;
top: 400px;
left: 200px;
-webkit-transition: all 1s;
transition: all 1s;
overflow: hidden;
box-sizing: border-box;
}

body:hover #box-slide6{
left: 400px;
width: 200px;
}

#friends{
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;}

body:hover #friends{
opacity: 1;}

#box-slide7{
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
height: 200px;
width: 200px;
-webkit-transition: all 1s;
transition: all 1s;
background:#ffb3cc;}

body:hover #box-slide7{
left:-200px;}

	#pokeball {
	position:absolute;
	text-align:center;
	width:400;
	left:0;
	top:25;
	}

	#title {
	position:absolute;
	color:#bae1ff;
	font-size:30px;
	font-family: 'Oswald', sans-serif;
	text-align:center;
	text-transform:uppercase;
	width:400;
	left:0;
	top:50;
	border-bottom:3px solid #bae1ff;
	}

	#title2 {
	position:absolute;
	color:#bae1ff;
	font-size:14px;
	font-family: 'Rationale', sans-serif;
	text-align:center;
	text-transform:uppercase;
	width:400;
	left:0;
	top:100;
	}

	#title3 {
	position:absolute;
	color:#ffb3cc;
	font-size:30px;
	font-family: 'Oswald', sans-serif;
	text-align:center;
	text-transform:uppercase;
	width:400;
	left:0;
	top:45;
	border-bottom:3px solid #ffb3cc;
	}

	#poketeam {
	position:absolute;
	text-align:center;
	width:400;
	left:0;
	top:120;
	}

	a[data-title]:hover:after {
	content: attr(data-title);
	padding: 3px;
	color:#ffb3cc;
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	position: absolute;
	left: 20;
	top: 33px;
	white-space: nowrap;
	background-color: #bae1ff;
	}

	#box-info2 {
	position:absolute;
	color:#fe92b6;
	font-family: 'Rationale', sans-serif;
	font-size:14px;
	text-align:justify;
	text-transform:uppercase;
	width:355;
	height:155;
	left:25;
	top:25;
	overflow:auto;
	}

	#music-gif {
	position:absolute;
	left:180;
	top:0;
	}

	#music-title-title {
	position:absolute;
	background-color:#ffb3cc;
	color:#bae1ff;
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	width:130;
	height:15;
	line-height:15px;
	left:0;
	top:100;
	}

	#music-title-artist {
	position:absolute;
	background-color:#ffb3cc;
	color:#bae1ff;
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	width:130;
	height:15;
	line-height:15px;
	left:145;
	top:100;
	}

	#music-title-player {
	position:absolute;
	background-color:#ffb3cc;
	color:#bae1ff;
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	width:130;
	height:15;
	line-height:15px;
	left:290;
	top:100;
	}

	#music-title {
	position:absolute;
	background-color:#ffb3cc;
	color:#bae1ff;
	font-family: 'Rationale', sans-serif;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	width:130;
	height:15;
	line-height:15px;
	left:0;
	top:120;
	}

	#music-title2 {
	position:absolute;
	background-color:#ffb3cc;
	color:#bae1ff;
	font-family: 'Rationale', sans-serif;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	width:130;
	height:15;
	line-height:15px;
	left:0;
	top:140;
	}

	#music-title3 {
	position:absolute;
	background-color:#ffb3cc;
	color:#bae1ff;
	font-family: 'Rationale', sans-serif;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	width:130;
	height:15;
	line-height:15px;
	left:0;
	top:160;
	}

	#music-title4 {
	position:absolute;
	background-color:#ffb3cc;
	color:#bae1ff;
	font-family: 'Rationale', sans-serif;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	width:130;
	height:15;
	line-height:15px;
	left:0;
	top:180;
	}

	#music-artist {
	position:absolute;
	background-color:#ffb3cc;
	color:#bae1ff;
	font-family: 'Rationale', sans-serif;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	width:130;
	height:15;
	line-height:15px;
	left:145;
	top:120;
	}

	#music-artist2 {
	position:absolute;
	background-color:#ffb3cc;
	color:#bae1ff;
	font-family: 'Rationale', sans-serif;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	width:130;
	height:15;
	line-height:15px;
	left:145;
	top:140;
	}

	#music-artist3 {
	position:absolute;
	background-color:#ffb3cc;
	color:#bae1ff;
	font-family: 'Rationale', sans-serif;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	width:130;
	height:15;
	line-height:15px;
	left:145;
	top:160;
	}

	#music-artist4 {
	position:absolute;
	background-color:#ffb3cc;
	color:#bae1ff;
	font-family: 'Rationale', sans-serif;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	width:130;
	height:15;
	line-height:15px;
	left:145;
	top:180;
	}

	#music{
	position:absolute;
	background-image:
	url('http://i.imgur.com/XYcnNQf.png');
	background-position:center;
	background-repeat: no-repeat;
	background-size: 15px;
	background-color:#ffb3cc;
	z-index:99;
	width:130;
	height:15;
	line-height:15px;
	left:290;
	top:120;
	overflow:hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	}

	#music2{
	position:absolute;
	background-image:
	url('http://i.imgur.com/XYcnNQf.png');
	background-position:center;
	background-repeat: no-repeat;
	background-size: 15px;
	background-color:#ffb3cc;
	z-index:99;
	width:130;
	height:15;
	line-height:15px;
	left:290;
	top:140;
	overflow:hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	}

	#music3{
	position:absolute;
	background-image:
	url('http://i.imgur.com/XYcnNQf.png');
	background-position:center;
	background-repeat: no-repeat;
	background-size: 15px;
	background-color:#ffb3cc;
	z-index:99;
	width:130;
	height:15;
	line-height:15px;
	left:290;
	top:160;
	overflow:hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	}

	#music4{
	position:absolute;
	background-image:
	url('http://i.imgur.com/XYcnNQf.png');
	background-position:center;
	background-repeat: no-repeat;
	background-size: 15px;
	background-color:#ffb3cc;
	z-index:99;
	width:130;
	height:15;
	line-height:15px;
	left:290;
	top:180;
	overflow:hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	}

	#friends {
	vertical-align: center;
	text-align: center;
	position: absolute;
	width:200;
	height:200;
	left:0;
	top:15;
	text-align:center;
	letter-spacing:0px;
	line-height: 10px;
	margin: 1px;
	z-index:99;
	overflow:hidden;
	}

	#friends a {
	padding: 3px;
	width: 50px;
	font-family: 'Rationale', sans-serif;
	font-size:15px;
	text-transform:uppercase;
	letter-spacing: 1px;
	display: inline-block;
	text-align: center;
	color:#ffb3cc;
	background-color: #bae1ff;
	-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;
	border: 1px solid #ffb3cc;
	}

	#friends a:hover {
	background-color:#ffb3cc;
	color:#bae1ff;
	-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;
	border: 1px solid #ffb3cc;
	}

</style>

<div id="container">

<div id="box">
</div>
<div id="box2">
</div>
<div id="box3">
</div>
<div id="box4">
</div>
<div id="box5">
<div id="image">
<img src="http://i.imgur.com/2aAwiHQ.png" width="150">
</div>
</div>
<div id="box6">
</div>
<div id="box7">
</div>
<div id="box8">
</div>
<div id="box9">
</div>
</div>

<div id="container2">

<div id="box-slide">
<div id="box-info-bg">
<div id="box-info">

<b>name:</b> Mae
<br>
<b>d.o.b:</b> 01-17-94
<br>
<b>alias:</b> The Grumpy Mae
<br>
<b>occupation:</b> ex trainer
<br>
<b>personality:</b> grumpy
<br>
<b>orientation:</b> asexual
<br>
<b>m. status:</b> divorced
<br>

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

<div id="box-slide2">
<div id="box-info-bg2">

<div id="pokeball">
<img src="http://orig01.deviantart.net/1182/f/2011/331/9/1/pokemon_pokeball_sprite_divider_by_venesauroar-d4hfowo.png">
</div>
<div id="title">
current poketeam:
</div>
<div id="title2">
they're actually my alts.
</div>
<div id="poketeam">

<a data-title="Venusaur">
<img src="http://i.imgur.com/CJ27f8H.png">
</a>

<a data-title="Alolan Ninetales">
<img src="http://i.imgur.com/basgrxF.png">
</a>

<a data-title="Clefairy">
<img src="http://i.imgur.com/1qAWSL8.png">
</a>

<a data-title="Salem">
<img src="http://i.imgur.com/2bU4P4E.png">
</a>

<a data-title="Luxray">
<img src="http://i.imgur.com/QDKpJJH.png">
</a>

<a data-title="Palkia">
<img src="http://i.imgur.com/EUnTqD0.png">
</a>

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

<div id="box-info-bg3">
<div id="box-slide3">
<div id="image">
<img src="http://i.imgur.com/ezJSE73.png" width="150">
</div>
<div id="image2">
<img src="http://i.imgur.com/2aAwiHQ.png" width="150">
</div>
</div>
</div>

<div id="box-info-bg4">
<div id="box-slide4">
<div id="box-info2">

biography to be added.

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

<div id="box-info-bg5">
<div id="box-slide5">
<div id="music-gif">
<img src="http://orig03.deviantart.net/c75a/f/2008/293/4/7/pink_stereo___free_use_by_nico_xoxo.gif">
</div>
<div id="title3">
current playlist:
</div>

<div id="music-title-title">
song
</div>

<div id="music-title-artist">
artist
</div>

<div id="music-title-player">
player
</div>

<div id="music-title">
music title
</div>
<div id="music-title2">
music title
</div>
<div id="music-title3">
music title
</div>
<div id="music-title4">
music title
</div>

<div id="music-artist">
music artist
</div>
<div id="music-artist2">
music artist
</div>
<div id="music-artist3">
music artist
</div>
<div id="music-artist4">
music artist
</div>

<div id="music">
<Div style="margin-top:4px;">
<audio controls style="opacity: 0;">

<source src="MP3 KIWI6 HOTLINK URL HERE.">

</audio>
</div>
</div>
<div id="music2">
<Div style="margin-top:4px;">
<audio controls style="opacity: 0;">

<source src="MP3 KIWI6 HOTLINK URL HERE.">

</audio>
</div>
</div>
<div id="music3">
<Div style="margin-top:4px;">
<audio controls style="opacity: 0;">

<source src="MP3 KIWI6 HOTLINK URL HERE.">

</audio>
</div>
</div>
<div id="music4">
<Div style="margin-top:4px;">
<audio controls style="opacity: 0;">

<source src="MP3 KIWI6 HOTLINK URL HERE.">

</audio>
</div>
</div>
</div>
<div id="box-slide7">
</div>
</div>

<div id="box-slide6">
<div id="box-info-bg6">

<div id="friends">

<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<br>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<br>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<br>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<br>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<br>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<br>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<br>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<br>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<a href="" target="_blank">friend</a>
<br>


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