Ed Brat


<html>
<body><style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Great+Vibes|Aref+Ruqaa);

html, body {
background: #d0be67;
background-image:url("");
background-size:400px;
background-repeat:no-repeat;
background-position:center bottom;
}

::-webkit-scrollbar-button:vertical:{
background-color: #transparent;}

::-webkit-scrollbar-thumb:vertical {
background-color:#transparent;
height:150px;}

::-webkit-scrollbar-thumb:horizontal {
background-color:#transparent;
height:60px;}


::-webkit-scrollbar {
height:60px;
width:5px;
background-color:#transparent;}

#image {
width: 450px;
margin: 0px;
border: none;
height: 700px;
background-color:transparent;
position: absolute;
right: 5%;
bottom: 0%;
background-image:url("http://i.picpar.com/1dRc.png");
background-repeat:no-repeat;
background-position: bottom;
background-size: 100%;
}

#content {
background-color: #111;
width: 280px;
height: 300px;
margin:auto;
position: absolute;
padding: 15px;
font-family: 'Aref Ruqaa', cursive;
color:#DAA520;
opacity: 0.98;
right: 30%;
bottom: 7%;
z-index:1;
border: #000000 solid 10px;
}

#nav {
background-color: transparent;
width: 250px;
height:40px;
margin:auto;
position: absolute;
right: 32.5%;
bottom: 0%;
text-align: center;
z-index:1;
}

#nav a, #nav a:link, #nav a:visited {
display:inline-block;
background: #c0c0c0;
color: #c0c00c0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
height: 10px;
width: 40px;
border-radius: 5px;
box-shadow: 0px 0px 10px #000;
}

#nav a:active, #nav a:hover {
display:inline-block;
height: 10px;
width: 40px;
text-decoration:none;
background: #000;
color: #000;
margin: 0px;
box-shadow: 0px 0px 10px #000;
}

#name {
z-index:15;
position: fixed;
right: 19%;
top: 36%;
margin: auto;
background: transparent;
width: 50vw;
height: 7vw;
font-family: 'Great Vibes';
font-size: 45px;
background: url(https://media.giphy.com/media/1yE5T5LP2IIQo/giphy.gif) -20px -20px repeat;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
display:block;
text-align: center;
letter-spacing: 1px;
-webkit-transition:opacity 2s linear;
line-height:3.6vw;
}

#nameunder{
z-index:15;
position: fixed;
right: 19%;
top: 36%;
margin: auto;
background: transparent;
width: 50vw;
height: 7vw;
font-family: 'Great Vibes';
font-size: 45px;
-webkit-text-fill-color: transparent;
text-transform: none;
-webkit-background-clip: text;
display:block;
text-shadow: -1px 0 #333, 0 1px #333,1px 0 #333, 0 -1px #fff;
text-align: center;
letter-spacing: 1px;
-webkit-transition:opacity 2s linear;
line-height:3.6vw;
}

.credit{
position: fixed;
bottom: 0px;
left: 2px;
height: 25px;
width: 25px;
line-height: 15px;
font-size: 10px;
color: #000;
text-align: center;
font-family: roboto;
}

i{color: #C5B358;}
b{color: #996515;}
a{color: #FFD700; text-decoration: none;}

#Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
</style>
<div id="Layout" oncontextmenu="return false;">

<div class="credit" title="Profile by RageQxeen">♛</div>

<div id="nameunder">Fullmetal Alchemist</div><div id="name">Fullmetal Alchemist</div>

<div id="image"></div>

<div id="nav">
<a href="#one"></a>
<a href="#two"></a>
<a href="#three"></a>
<a href="#four"></a>
<a href="#five"></a>
</div>

<div id="content">


<div style="width: 280px; height: 300px; overflow-y: hidden;">

<a name="one"></a>
<div style="width: 280px; height: 300px; overflow: auto;" align="center">
<font style=float:left><b>Name</b></font> <font style=float:right> </font><br>
<font style=float:left><b>Moniker</b></font> <font style=float:right><a title="">hover</a></font><br>
<font style=float:left><b>Gender</b></font> <font style=float:right> </font><br>
<font style=float:left><b>Apparent Age</b></font> <font style=float:right> </font><br>
<font style=float:left><b>Race</b></font> <font style=float:right> </font><br>
<font style=float:left><b>Height</b></font> <font style=float:right> </font><br>
<font style=float:left><b>Weight</b></font> <font style=float:right> </font><br>
<font style=float:left><b>Tresses</b></font> <font style=float:right> </font><br>
<font style=float:left><b>Irises</b></font> <font style=float:right> </font><br>
<font style=float:left><b>Marital</b></font> <font style=float:right><a href="" target="_blank"> </a></font><br>
<font style=float:left><b>Orientation</b></font> <font style=float:right> </font><br>
<font style=float:left><b>Album</b></font> <font style=float:right><a target="_blank" href="">Here</a></font><br>
</div>

<a name="two"></a>
<div style="width: 280px; height: 300px; overflow: auto;" align="center">
POWERS HERE
</div>

<a name="three"></a>
<div style="width: 280px; height: 300px; overflow: auto;" align="center">
HISTORY HERE
</div>

<a name="four"></a>
<div style="width: 280px; height: 300px; overflow: auto;" align="center">
<a target="_blank" href="" title=""><img style="border-radius: 50%" src="" align="left" height="100" width="100"></a></div>

<a name="five"></a>
<div style="width: 280px; height: 300px; overflow: auto;" align="center">
<b>00</b>. Code was made for Fullmetal Pip Squeak by <a href="algiere.neocities.org">RageQxeen</a>, do not steal.<br><br>

<b>01</b>. OOC<br>
<b>02</b>. OOC<br>
<b>03</b>. OOC<br>
<b>04</b>. OOC<br>
<b>05</b>. OOC<br>

</div>
</div>
</div>
</body>
</html>