Sugi's Code

<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Lobster|Poiret+One');


body { background-color: #BA8194; background-image: url(https://www.transparenttextures.com/patterns/arches.png); background-attachment: fixed; background-position: center center; background-repeat: repeat; background-size: auto;}

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

a {color: #71042A; text-decoration: none; }
a:hover {color: black; text-decoration: line-through;cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
b, strong { font-weight:bold; color: #794557; }

.image1 { position: absolute; top: 200; left: 470px; height: 250px; width: 250px; overflow: hidden; z-index: 1000; background-image: url(http://i.picpar.com/E1jd.jpg); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; border: 18px solid #b75777;}
.image1:hover { position: absolute; top: 200; left: 470px; height: 250px; width: 250px; overflow: hidden; z-index: 1000; background-image: url(https://media1.tenor.com/images/95b9e170d9941d84f20fb1cb4afd7500/tenor.gif); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; border: 18px solid #b75777;
}
.image2 { position: absolute; top: 140; left: 680px; height: 150px; width: 150px; overflow: hidden; z-index: 1000; background-image: url(https://ak3.picdn.net/shutterstock/videos/9083303/thumb/2.jpg); background-position: ; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; border: 18px solid #b75777;}
.image3 { position: absolute; top: 430; left: 620px; height: 100px; width: 100px; overflow: hidden; z-index: 1000; background-image: url(https://data.whicdn.com/images/58458173/original.gif); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; border: 18px solid #b75777;}
.image4 { position: absolute; top: 210; left: 1302px; height: 250px; width: 250px; overflow: hidden; z-index: 1000; background-image: url(http://i.picpar.com/J1jd.jpg); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; border: 18px solid #b75777;}
.image4:hover { position: absolute; top: 210; left: 1302px; height: 250px; width: 250px; overflow: hidden; z-index: 1000; background-image: url(https://66.media.tumblr.com/9976d3921fbcb6d00689d7a426d0899b/tumblr_pan4z7u3371whj7rvo2_500.gif); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; border: 18px solid #b75777;
}
.image5 { position: absolute; top: 145; left: 1220px; height: 150px; width: 150px; overflow: hidden; z-index: 1000; background-image: url(https://i.pinimg.com/474x/37/f8/97/37f8978cd7d2baa152f9a8d3f9ee95da.jpg); background-position: ; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; border: 18px solid #b75777;
}
.img6 { position: absolute; top: 430; left: 1300px; height: 100px; width: 100px; overflow: hidden; z-index: 1000; background-image: url(https://lh3.googleusercontent.com/-q0MqxoRPfaM/V1Y1_YDY1bI/AAAAAAAAAeA/nK9C0zsatHwthk_qQh1s4sEbQG6d1MdIg/w800-h800/large.gif); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; border: 18px solid #b75777;
}

.abox { background-color: #E5A1B8; color: #645c5c; font-size: 11px; font-family: 'Poiret One'; text-transform: uppercase; text-align: justify; position: absolute; width: 170; height: 300; left: 760; top: 400; font-weight: bold; line-height: 12px; padding: 2px; overflow:auto; z-index: 3000; border: 1px solid #B75777;}

.bbox { background-color: #E5A1B8; color: #645c5c; font-size: 11px; font-family: 'Poiret One'; text-transform: uppercase; text-align: justify; position: absolute; width: 170; height: 300; left: 940; top: 400; font-weight: bold; line-height: 12px; padding: 2px; overflow:auto; z-index: 3000; border: 1px solid #B75777;}

.cbox { background-color: #E5A1B8; color: #645c5c; font-size: 11px; font-family: 'Poiret One'; text-transform: uppercase; text-align: justify; position: absolute; width: 170; height: 300; left: 1120; top: 400; font-weight: bold; line-height: 12px; padding: 2px; overflow:auto; z-index: 3000; border: 1px solid #B75777;}

.quote { position: absolute; left: 800px; top: 210px; background: transparent; font-family: 'lobster'; font-size: 90px; background: url(https://thehouseofmiamakila.files.wordpress.com/2015/10/tumblr_nrec8i7qlh1qfrhqho1_500.gif?w=1400);left: 770; top: 308 ; background-size: auto; background-repeat: repeat; -webkit-text-fill-color: transparent; -webkit-background-clip: text; display: block; text-align: center; letter-spacing: 1px; -webkit-transition: opacity 2s linear; -webkit-transition: all 2s ease-in-out; opacity: 1; z-index: 3000; }




</style>

<div class="image1"></div>
<div class="image2"></div>
<div class="image3"></div>
<div class="image4"></div>
<div class="image5"></div>
<div class="img6"></div>


<div class="abox">
<center><img src="http://i.picpar.com/P1jd.jpg" height="40" width="168"></center>
<br>The headings are pictures I edited, but AbadBitch will get back with me on the header code. <3<br><br>
You're also gonna have to recenter your name, when you decide on what you want it to be.
<br><br>
<B>Bold.</b> :) <i>Lalala.</I> <a href="">Super link.</a>
</div>

<div class="bbox">
<center><img src="http://i.picpar.com/Q1jd.jpg" height="40" width="168"></center>
<br>
By this, I just mean put your ninja dossier.



</div>

<div class="cbox">
<center><img src="http://i.picpar.com/S1jd.jpg" height="40" width="168"></center>
Credit goes to <a href="http://abadbitchcodes.tumblr.com/">abadbitch</a>.

</div>

<div class="quote">Surname Sugi</quote>