phony phonic green

<style type="text/css">

.pfor {display:none;}

#profile { border: hidden; background-color: transparent; }

body { background-color:#CFFF56;}

#cosmic{
position:fixed;
bottom:0px;
right:0px;
left:650px;
height:250px;
background: #FFFF42;
border-top:32px solid #FFFFDD;
}

#tone{
position:fixed;
bottom:0px;
left:510px;
width:140px;
height:353px;
background: url(http://i.picpar.com/h67b.png);
}

#cooking{
position:fixed;
bottom:0px;
left:0px;
width:510px;
height:300px;
background: #FFFF42;
border-top:32px solid #FFFFDD;
}

 .swing{
position:fixed;
bottom:292px;
left:650px;
right:0px;
height:0px;
border-top: 11px solid #FFFFDD;
}

 .life{
position:fixed;
bottom:342px;
left:0px;
width: 510px;
height:0px;
border-top: 11px solid #FFFFDD;
}

 #style{
position:absolute;
bottom:40px;
left: 370px;
width:460px;
height:200px;
overflow:hidden;
}

 .music{
width:460px;
height:200px;
overflow:auto;
}

 .idol{
position:absolute;
bottom:248px;
left:262px;
width:310px;
height:42px;
}

 .fancy{
position:absolute;
bottom:310px;
left:590px;
width:310px;
height:42px;
}

 .arr{
position:absolute;
bottom:350px;
left:316px;
color:#ffd;
font-size:40px;
font-weight: light;
letter-spacing:2px;
font-family: arial;
text-transform: lowercase;
text-shadow: 0px 0px 2px #fff;
}

 .gee{
position:absolute;
bottom:238px;
left:666px;
font-weight: light;
letter-spacing:2px;
font-family: arial;
font-size: 46px;
text-transform:uppercase;
background: -webkit-linear-gradient(#CFFF56, #FFFF42);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

 .phony{
color:#CF7500;
font-size:14px;
text-align:justify;
line-height:14px;
font-family:arial;
letter-spacing:0.3px;
margin: 5px;
}

a.bee:link, a.been:active, a.bee:visited{
display: block;
float: left;
width: 40px;
height:40px;
margin-left: 30px;
background-color: #ffd;
border-radius:50px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

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

a:active, a:link, a:visited{
color:#CFCF00;
text-decoration:none;
}

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

b {
color: #8ACF00;
font-weight:10;
letter-spacing: 1px;
}

i{
color:#8ACF00;
font-family:constantina;
font-weight:light;
letter-spacing: 1px;
font-size:12px;
font-style:italic;
}

u{
text-decoration:none;
border-bottom:1px solid #8ACF00;
}

h1{
font-size: 22px;
width: 100%;
font-family: arial;
font-weight: normal;
line-height: 12px;
text-transform: uppercase;
text-align: center;
text-indent:10px;
}

::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #CFCF00;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #eeaa99;border: 0px ;width: 12px;}
</style>

<div id="cosmic"></div>
<div id="tone"></div>
<div id="cooking"></div>
<div class="swing"></div><div class="life"></div>

<div id="style">
<div id="weekend" class="music">
<div class="phony">

<h1>Header One</h1>

<b>Bold</b> <i>Italics</i> <u>underline</u> <a href="">Link</a> Regular<br><br>

かわいくて　おしゃれな女のコ　視線が集まるそんな女のコ

もしかしたら今日だ　わすれてた
もう時計は　回り疲れたみたい
もしかしたら　全部ウソかもね
ドアあけたら　何も無いのかもね

そんな都会のいい言い訳を　考えてるヒマは
ないけど膨らむ空想　今日もあのコにおこられちゃう

朝起きて　ドレスに着替えて　ワインをあけてる　そんな夢を見た
窓開けて　車が飛んでた　空を飛んでいた
いつものことだね　idol fancy

今日も遅刻　明日もたぶんね
今日の分の　言い訳なんにしよ
時間のこと　忘れて夢中で
考えてた　楽しくなり過ぎた

頭の中ではいろいろと　ステキな服着たり
アクセサリーがキラキラ　現実にはないものばかり

かわいくて　おしゃれな女のコ　視線が集まるそんな女のコ
やさしくて　何でもくれるの　そんな彼がいる
夢を見ていたの　idol fancy

頭の中ではいろいろと　ステキな服着たり
メイクしたりもする　現実にはないものばかり

かわいくて　おしゃれな女のコ　視線が集まるそんな女のコ
やさしくて　何でもくれるの　そんな彼がいる
夢を見ていたの　idol fancy

</div>
</div>
<div id="in" class="music">
<div class="phony">

Life

</div>
</div>
<div id="my" class="music">
<div class="phony">

Style

</div>
</div>
<div id="room" class="music">
<div class="phony">

Music

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

<div class="idol">
<a href="#weekend" class="bee"></a>
<a href="#in" class="bee"></a>
<a href="#my" class="bee"></a>
<a href="#room" class="bee"></a>
</div>
<div class="fancy">
<a href=" LINK " class="bee"></a>
<a href=" LINK " class="bee"></a>
<a href=" LINK " class="bee"></a>
<a href="#" class="bee"></a>
</div>
<div class="arr"> Title one goes here</div>
<div class="gee"> Title two </div>