Zhuhong #2

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Coda);
@import url(https://fonts.googleapis.com/css?family=Karla);
 @import url(https://fonts.googleapis.com/css?family=Squada+One);

body { background-color: #FF5454; background-image: url(https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/TtcstKI/flying-romantic-dark-red-rose-flower-petals-falling-background-loop-4k_s8qcbx_8l_thumbnail-full01.png); background-attachment: fixed; background-position: 0px, 1000px; background-repeat: no-repeat; background-size: 100%;}

a { background: #b29494; padding: 2px 5px 2px 5px; font-size: 9px; border-radius: 5px; font-family: karla; color: #fff; letter-spacing: .2; text-decoration: none;}
*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important; color: #fff; text-decoration: line-through; }

 ::-webkit-scrollbar-track {background-color:;}
::-webkit-scrollbar-thumb {background-color:;}
::-webkit-scrollbar {width:2px;height:5px;}

b, strong { background: #91131B; padding: 2px 5px 2px 5px; font-size: 9px; border-radius: 5px; font-family: karla; color: #fff; letter-spacing: .2; }

.container { background-image:url('https://image.myanimelist.net/ui/sefOExMnsDEhRAOFE2OLRaDmzCZXqbruxFHTtFBSpbTOyi7pQYSYPz1ikZi8aT3y-fvhfIhNKLu7zS3pDhNWk-k_conKcrkAdaytv1XUyhjhu8xFnguz12DH4qt87xVy'); background-attachment: absolute; background-position: center center; background-repeat: no-repeat; background-size: 130%; position: absolute; top: 280px; left: 370px; height: 240px; width: 720px; border: 1px solid #CCA093; border-radius: 10px 120px 120px 10px; overflow: hidden; z-index: 1000; z-index: 1;}

.img { position: absolute; top: 160px; left: 330px; height: 380px; width: 250px; background-image: url("https://elwiki.net/wiki/images/thumb/a/a9/BrhPortraitRight.png/450px-BrhPortraitRight.png"); background-size: 100% 100%; background-position: center top; overflow: hidden; z-index: 2;}

.ooc { position: fixed; background-color: #F2F2F2; border: 1px #CCA093 solid; overflow: auto; width: 400; height: 190; top: 290px; left: 570; padding: 3px; text-align: justify; font-size: 11px; font-family: 'karla', sans-serif; color: #8a8790; line-height: 15px; z-index: 3;}

.abox { background-color: #F2F2F2; color: #8a8790; font-size: 11px; font-family: 'karla', sans-serif; text-align: justify; position: absolute; width: 400; height: 190; left: 570; top: 290; line-height: 15px; padding: 3px; overflow:auto; border: 1px solid #CCA093 ; z-index: 3;}

.quote { position:fixed; top: 233px; left: 587px; text-align: left; font-family: 'Squada One'; text-shadow: -1px 0px 0px #8C0002, 0px 1px 0px #8C0002, 1px 0px 0px #8C0002, 0px -1px 0px #8C0002; font-size: 50px; color:#B50D0F; z-index:999; text-align: center;}

.navbar {Background-color: transparent; Position: absolute; left: 570px; top: 500px; z-index: 3000; }

.link1 {Position: absolute; Border: solid 1px #000; Height: 10px; Width: 70px; background-image:url(''); border: 1px solid #CCA093; border-radius: 0;}

.link2 {Position: absolute; Left: 108px; Border: solid 1px #000; Height: 10px; Width: 70px; background-image:url(''); border: 1px solid #CCA093; border-radius: 0;}

.link3 {Position: absolute; Left: 218px; Border: solid 1px #000; Height: 10px; Width: 70px; background-image:url(''); border: 1px solid #CCA093; border-radius: 0;}

.link4 {Position: absolute; Left: 327px; Border: solid 1px #000; Height: 10px; Width: 70px; background-image:url(''); border: 1px solid #CCA093; border-radius: 0;}

.link1:hover {Background-color: #6F332E; -webkit-transition: background-color 1s ease-in-out; -moz-transition: background-color 1s ease-in-out; -o-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out;}
.link2:hover {Background-color: #6F332E; -webkit-transition: background-color 1s ease-in-out; -moz-transition: background-color 1s ease-in-out; -o-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out;}
.link3:hover {Background-color: #6F332E; -webkit-transition: background-color 1s ease-in-out; -moz-transition: background-color 1s ease-in-out; -o-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out;}
.link4:hover {Background-color: #6F332E; -webkit-transition: background-color 1s ease-in-out; -moz-transition: background-color 1s ease-in-out; -o-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out;}

h1 { font-family: coda; font-size: 10px; color: #824041; text-transform: uppercase; letter-spacing: 5px; border-bottom: 2px solid #824041; background: transparent; text-align: right; margin-right: 3px; margin-left: 3px; line-height: 17px; margin-top: 1px;}

.slide {Position: fixed; Height: 555555; Width: 555555; Top: 0px; Left: 0px; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.slide:target {Left: 0; Opacity: 1; Z-index: 1000; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.credit { position: fixed; Bottom: 10px; Right: 10px; height: 25px; width: 25px; background-color: #111; border: 1px solid #222; font-size: 15px; font-family: karla; text-align: justify; color: #ccc; z-index: 7000; text-align: center; line-height: 25px;}

</style>

<div class="quote">The Star of the Show</div>

<div class="container"></div>
<div class="img"></div>

<div class="ooc">


</div>

<div class="navbar">
<a class="link1" href="#1"></a>
<a class="link2" href="#2"></a>
<a class="link3" href="#3"></a>
<a class="link4" href="#4"></a>
</div>

<div id="1" class="slide">
<div class="abox">
<h1>wierjwejrw</h1>
<B>bitches.</B>

</div></div>

<div id="2" class="slide">
<div class="abox">


</div></div>

<div id="3" class="slide">
<div class="abox">


</div></div>

<div class="credit"><a href="http://abadbitchcodes.tumblr.com/" target="_blank">©</div>