navigation #1

<style>
a.sung {
display:block;
width:70px;
padding:3px;
margin:5px;
background:#eee;
font:10px trebuchet ms;
text-align:center;
Text-decoration:none;
color:#888;
border: 1px solid #1bc3d7;
text-transform:uppercase;
letter-spacing:1px;
height:10px;
-webkit-transform: rotate(13deg);
-moz-transform: rotate(13deg);
-o-transform: rotate(13deg);
-ms-transform: rotate(13deg);
transform: rotate(13deg);
-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
}
a.sung:hover{
text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
color:#888;
}
@font-face{font-family:theonlyexception;src:url('http://static.tumblr.com/eq1rpir/rasm518kt/theonlyexception.ttf')}

a.gyuu {
display:block;
border: 1px solid #d72e2e;
width:70px;
padding:3px;
margin:5px;
background:#fff;
font:9px trebuchet ms;
text-align:center;
Text-decoration:none;
color:#888;
text-transform:uppercase;letter-spacing:1px;
height:10px;
-webkit-transform: rotate(-13deg);
-moz-transform: rotate(-13deg);
-o-transform: rotate(-13deg);
-ms-transform: rotate(-13deg);
transform: rotate(-13deg);
-webkit-transition:All 0.5s ease ;
-moz-transition:All 0.54s ease ;
-o-transition:All 0.5s ease ;
}
a.gyuu:hover{
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
}
}
@font-face{font-family:theonlyexception;src:url('http://static.tumblr.com/eq1rpir/rasm518kt/theonlyexception.ttf')}
</style><center>
<a class="sung" href="/" title="kai">L</a>
<a class="gyuu" href="/" title="soo">U</a>
<a class="sung" href="/" title="is">L</a>
<a class="gyuu" href="/" title="real">U</a></center>