BINTA CODE [DONE]

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Lobster+Two|Vidaloka|Fugaz+One|Montez');

body {
background-color: #003B19;
background-image: ;
background-position: center;
background-size: 100%;
background-repeat:no-repeat;
}

#profile {
position: fixed;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}

#overlay {
position: fixed;
z-index: -1;
background-image: url('https://i.ibb.co/jkVrqnc/circle-overlay.png');
background-repeat: repeat;
background-size: 100%;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
}

::-webkit-scrollbar-track {
background-color:;
}

::-webkit-scrollbar-thumb {
background-color:;
}

::-webkit-scrollbar {
width:0px;
height:0px;
}

#container {
position: absolute;
left: 2%;
top: 6.5%;
height: 570px;
border: 4px solid #004C21;
width: 1300px;
background-color: #013517;
background-image: url('https://i.ibb.co/Sf6XvLg/black-particles.png');
background-repeat: repeat;
background-size: 20%;
}

#leftimage {
position: absolute;
z-index: 1;
left: 10px;
bottom: 10px;
height: 148px;
width: 340px;
background-image: url('https://i.pinimg.com/originals/ea/8a/f3/ea8af366c1e791bbb14eaab1b236c64d.gif');
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
box-shadow: 0px 0px 3px 3px #002F14;
filter: grayscale(100%);
}

#leftimage:hover {
filter: grayscale(0%);
}

#rightimage {
position: absolute;
z-index: 2;
right: 10px;
bottom: 10px;
height: 148px;
width: 340px;
background-image: url('https://i.pinimg.com/originals/7d/5e/76/7d5e76aecb34a421a16d016d62f9e4ad.gif');
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
filter: grayscale(100%);
box-shadow: 0px 0px 3px 3px #002F14;
}

#rightimage:hover {
filter: grayscale(0%);
}

#gif {
position: absolute;
z-index: 1;
right: -10px;
bottom: 10px;
width: 130px;
height: 250px;
background-image: url('https://media1.giphy.com/media/lOrpsCYnLqnUa2wpAF/giphy.gif');
background-repeat: no-repeat;
background-size: 100%;
}

#toptitle {
position: absolute;
z-index: 2;
left: 410px;
width: 500px;
height: 120px;
bottom: -80px;
background-image: url('https://i.ibb.co/0QKf6yS/BINTA-TITLE-2.png');
background-repeat: no-repeat;
background-size: 100%;
}

#title {
position: absolute;
z-index: 1;
bottom: -18px;
left: 390px;
height: 148px;
width: 520px;
background-image: url('https://i.ibb.co/stw3J9Q/BINTA-TITLE.png');
background-repeat: no-repeat;
background-size: 100%;
}

#linfo {
position: absolute;
z-index: 1;
left: 10px;
bottom: 175px;
border: 2px solid #004C21;
background-color: 000;
padding: 5px;
height: 371px;
width: 280px;
font-family: 'Josefin Sans';
font-size: 12px;
line-height: 16px;
color: #fff;
overflow-y: auto;
}

#topbox {
position: absolute;
z-index: 1;
left: 320px;
bottom: 346px;
height: 200px;
width: 310px;
border: 2px solid #004C21;
background-color: 000;
padding: 5px;
font-family: 'Josefin Sans';
font-size: 12px;
line-height: 16px;
color: #fff;
overflow-y: auto;
}

#flower {
position: absolute;
z-index: 2;
bottom: 346px;
left: 645px;
height: 200px;
width: 200px;
background-image: url('https://i.ibb.co/ZdYGjG0/flower.png');
background-repeat: no-repeat;
background-size: 100%;
}

#bottombox {
position: absolute;
z-index: 1;
left: 320px;
bottom: 175px;
height: 140px;
width: 510px;
border: 2px solid #004C21;
background-color: 000;
padding: 5px;
font-family: 'Josefin Sans';
font-size: 12px;
line-height: 16px;
color: #fff;
overflow-y: auto;
}

#school {
position: absolute;
z-index: 1;
left: 860px;
bottom: 175px;
height: 200px;
width: 320px;
border: 2px solid #004C21;
background-color: 000;
padding: 5px;
font-family: 'Josefin Sans';
font-size: 12px;
line-height: 16px;
color: #fff;
overflow-y: auto;
}

#log {
position: absolute;
z-index: 1;
left: 860px;
bottom: 406px;
height: 140px;
width: 320px;
border: 2px solid #004C21;
background-color: 000;
padding: 5px;
font-family: 'Josefin Sans';
font-size: 12px;
line-height: 16px;
color: #fff;
overflow-y: auto;
}

#sidetitle {
position: absolute;
z-index: 2;
right: -45px;
height: 100px;
width: 260px;
bottom: 350px;
background-image: url('https://i.ibb.co/px9qCVh/Binta-title-3.png');
background-size: 100%;
background-repeat: no-repeat;
transform: rotate(90deg);
}

a {
font-family: 'Lobster Two';
font-size: 12px;
color: #FFD179;
text-decoration: none;
}

a:hover {
color: green;
}

b {
font-family: 'Vidaloka';
color: #777;
}

i {
color: green;
font-family: 'Montez';
font-size: 13px;
}

h1 {
font-family: 'Fugaz One';
font-size: 17px;
text-align: center;
line-height: 14px;
color: #;
background-color: #;
background-image: radial-gradient(circle, #001709, #001D0C, #003013, #005823);
background-position: bottom left;
margin: 0px;
margin-bottom: 6px;
letter-spacing: 3px;
}

</style>
<div id="profile" oncontextmenu="return false;">
<div id="overlay"></div>
<div id="container">
<div id="leftimage"></div>
<div id="rightimage"></div>
<div id="gif"></div>
<div id="sidetitle"></div>
<div id="toptitle"></div>
<div id="title"></div>
<div id="linfo"><h1 class="glow">Statistics</h1>
<B>Name:</B><font style=float:right>Binta Hassan.</font><br>
<B>Nicknames:</B> <font style=float:right>STAT.</font><br>
<B>Alias:</b> <font style=float:right>STAT.</font><br>
<B>Gender:</B> <font style=float:right>Female.</font><br>
<B>D.o.B.:</B> <font style=float:right>STAT.</font><br>
<B>Zodiac:</B> <font style=float:right>STAT.</font><br>
<B>Species:</B> <font style=float:right>Human.</font><br>
<B>Blood Status:</B> <font style=float:right>Pure.</font><br>
<B>Birthplace:</B> <font style=float:right>STAT.</font><br>
<B>Ethnicity:</B> <font style=float:right>STAT.</font><br>
<B>Nationality:</B> <font style=float:right>STAT.</font><br>
<B>Orientation:</b> <font style=float:right>Hetero.</font><br>
<B>Marital:</b> <font style=float:right>Single.</font><br>
<B>Alignment:</B> <font style=float:right>STAT.</font><br>
<B>Affiliation:</B> <font style=float:right>Hogwarts.</font><br>
<B>Hair Color:</b> <font style=float:right>Black (Dyes).</font><br>
<B>Eye Color:</b> <font style=float:right>Brown.</font><br>
<B>Height:</b> <font style=float:right>STAT.</font><br>
<B>Weight:</b> <font style=float:right>STAT.</font><br>
<B>Build:</b> <font style=float:right>Ectomorph.</font><br>
<B>Scent:</b> <font style=float:right>STAT.</font><br>
<B>Blood Type:</b> <font style=float:right>STAT.</font></div>
<div id="flower"></div>
<div id="topbox"><h1>Out of Character</h1><B>00.</B> Coded by <a href="//roleplay.chat/profile.php?user=Sailor+Chuu" target="_blank">Chuu</a> for Binta to use.<br>
<center><B>Bold.</B> // <i>Italics</i> // <a href="" target="_blank">Link</a></center></div>
<div id="bottombox"><h1>Connections</h1></div>
<div id="school"><h1>School Dossier</h1></div>
<div id="log"><h1>RP Log</h1></div>
</div>