— ᴍᴀᴛsᴜᴏᴋᴀ ᴋᴏᴜ.

<style type="text/css">

body {
font-family: consolas;
font-size: 12px;
background-color: #111111;
background-image: url('http://i.picpar.com/iLr.png');
background-attachment: fixed;
text-align: justify;
}

#picture {
width: 150px;
height: 200px;
left: 300px;
top: 230px;
overflow: hidden;
background-image: url('http://25.media.tumblr.com/583a7c95723a1aa51ba67ebdba063bac/tumblr_mpfcd0Kt6A1rhow1io2_250.gif');
background-repeat: no-repeat;
background-size: 150px 200px;
position: fixed;
border: 20px solid #7A3844;
border-radius: 70px 0px 70px 0px;
}

#picture2 {
width: 150px;
height: 200px;
left: 700px;
top: 230px;
overflow: hidden;
background-image: url('http://25.media.tumblr.com/b51d9b6c3a1eb6080de3855015e86bc5/tumblr_mpfcd0Kt6A1rhow1io3_250.gif');
background-repeat: no-repeat;
background-size: 150px 200px;
position: fixed;
color: transparent;
border: 20px solid #7A3844;
border-radius: 0px 70px 0px 70px;
}

#picture2:hover {
color: #1a1a1a;
background-color: transparent;
border: 20px solid #7A3844;
font-family: century gothic;
font-variant: small-caps;
font-size: 12px;
text-align: justify;
letter-spacing: -1px;
word-spacing: 1px;
overflow: auto;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;}

#links {
height: 20px;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
top: 315px;
margin-top: 85px;
margin-left: 488px;
position: fixed;
color: #777777;
}

#box{
position: fixed;
top: 230px;
left: 490px;
width: 200px;
height: 165px;
font-family: verdana;
text-align: justify;
font-size: 9px;
background-color: #000;
color: #CCC;
border: 5px solid #7A3844;
z-index: 100;}

.image {
opacity: 0;
width: autopx;
height: 210px;
background-color: transparent;
text-align: justify;
overflow: auto;
-ms-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
-webkit-transition: opacity .3s linear; }

.image:hover {
opacity: 0.9; }

#title{
position: fixed;
top: 195px;
left: 300px;
width: 500px;
z-index: 600;
color: #444;
font-size: 55px;
line-height: 12px;
font-weight: light;
letter-spacing: -1px;
word-spacing: 1px;
font-family: code light;
text-transform: normal;
font-weight: normal;
text-align: right;
Text-shadow: #F1E2F5 0px 0px 3px;
height:13px;
margin-top:0px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 12px;}

#title:first-letter
{color: #990000;
font-size: 45px;
font-family: Satisfaction;
text-shadow: #000 0px 1px;
}

.text {
line-height: 1.5;
padding-top: 2px;
font-family: verdana;
font-size: 10;
color: silver;
text-align: justify; }

a.bee:link, a.bee:active, a.bee:visited{
height: 15px;
display: block;
float: left;
width: 40px;
margin: 10px;
-moz-border-radius: 5px;
border-radius: 0px;
font-family: century gothic;
text-decoration: none;
font-size: 11.5px;
letter-spacing: -1px;
background-color: A0393A;
color: 222;
padding: 2.5px;
text-align: center;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;}

a.bee:hover{
background-color:#777777;
color: CCC;
text-decoration: none;}

a.gou:link, a.gou:active, a.gou:visited{
        background-color: #E21E3E;
        display: inline-block;
        margin: 5px;
        margin-left: 26px;
        width: 88px;
        height: 20px;
        font-family:
        century gothic;
        font-size: 10px;
        color: #212121;
        text-decoration: none;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
        line-height: 21px;
        -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.gou:hover{
        background-color: #E21E3E;
        color: transparent;}

#credit{
position:fixed;
bottom:0px;
right: 0px;
z-index:450;}

</style>

<div id="title">✖ Matsuoka Gou</div>

<div id="links">
<a href="" class="bee" title="theme"></a>
<a href="" class="bee" title="wikia"></a>
<a href="/profile.php?user=Gou Matsuoka" class="bee" title="credit"></a>
</div>

<div id="container">

<div id="picture">
<div class="image"><div class="text">
<a href="/profile.php?user=Matsuoka Gou" class="gou">松岡 江</a>
<a href="/profile.php?user=Rin Matsuoka" class="gou">松岡 凛</a>
<a href="/profile.php?user=Tachibana Makoto" class="gou">橘 真琴</a>
<a href="/profile.php?user=Haruka Nanase" class="gou">七瀬 遥</a>
<a href="/profile.php?user=Hazuki Nagisa" class="gou">葉月 渚</a>
<a href="/profile.php?user=Ryugazuki Ren" class="gou">竜ヶ崎 怜</a>
</div></div></div>

<div id="picture2">
1. free! anime only.
<br>2. no drama. ic =/= ooc.
<br>3. no sex.
<br>4. is taken ooc & doesnt want one ic.
<br>5. dont take the layout.
<br>6. forever a work in progress.
</div></div></div></div>

<div id="box">
Name <font style=float:right>Matsuoka, Gou</font><br>
Moniker(s)<font style=float:right>Kou.</font><br>
Gender<font style=float:right>Female</font><br>
Eye Hue / Hair Colour<font style=float:right>Red / Burgundy</font><br>
Marital Status<font style=float:right>Singular</font><br>
Orientation<font style=float:right>Heterosexual</font><br>
Race<font style=float:right>Human</font><br>
Occupation<font style=float:right>HS student, 1st year.</font><br><br><br>

<center><i>My name is Kou, not Gou! Call me that.</i></center>

</div>

<div style="position: fixed; top: 0px; left: 30px;">
<img src="http://i.picpar.com/KHr.png"></img>
</div>

<div id="credit"><A TARGET="_blank" HREF="Http://www.devilrose.webstarts.com" title="Copyright"><img src="http://i1276.photobucket.com/albums/y472/xbeautifulie/DevilRose/--devilrose_zps255a5d78.png"></A></div>