PKMN HENRY CODE [DONE]

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Racing+Sans+One|Hi+Melody|Lobster+Two|Niconne');

body {
background-color: white;
background-image: url('http://avante.biz/wp-content/uploads/Wallpapers-Light-Blue/Wallpapers-Light-Blue-046.jpg');
background-position: center;
background-size: 100%;
background-repeat:no-repeat;
}

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

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

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

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

#container {
position: absolute;
left: 5.5%;
top: 60.5%;
height: 200px;
width: 980px;
border: 3px solid #71A0D6;
background: #7FAFDF;
box-shadow: 0px 0px 9px 9px #5882BC;
background-image: url('');
background-size: 100%;
background-repeat: repeat;
border-radius: 1%;
}

#title {
position: absolute;
z-index: 2;
left: 5px;
top: -345px;
height: 800px;
width: 470px;
background-image: url('https://i.ibb.co/W3DHkZN/HENRY-TITLE.png');
background-size: 100%;
background-repeat: no-repeat;
}

#img1 {
position: absolute;
z-index: 1;
right: -27px;
bottom: 0px;
height: 400px;
width: 350px;
background-image: url('https://i.ibb.co/3r0WTRT/rip.png');
background-size: 100%;
background-repeat: no-repeat;
}

#cont2 {
position: absolute;
left: -5px;
top: -240px;
height: 200px;
width: 700px;
border: 3px solid #71A0D6;
background: #7FAFDF;
box-shadow: 0px 0px 9px 9px #5882BC;
background-image: url('');
background-size: 100%;
background-repeat: repeat;
border-radius: 1%;
}

#box1 {
position: absolute;
z-index: 2;
left: 9px;
top: 9px;
border: 1px dotted #71A0D6;
background: #C1DFF7;
height: 171px;
width: 300px;
border-radius: 3%;
padding: 5px;
overflow-y: auto;
font-family: 'Hi Melody';
font-size: 13px;
color: #5882BC;
line-height: 14.5px;
box-shadow: 0px 0px 3px 2px #5882BC;
background-image: url('https://www.transparenttextures.com/patterns/green-dust-and-scratches.png');
}

#box2 {
position: absolute;
z-index: 2;
left: 335px;
top: 9px;
border: 1px dotted #71A0D6;
background: #C1DFF7;
height: 171px;
width: 300px;
border-radius: 3%;
padding: 5px;
overflow-y: auto;
font-family: 'Hi Melody';
font-size: 13px;
color: #5882BC;
line-height: 14.5px;
box-shadow: 0px 0px 3px 2px #5882BC;
background-image: url('https://www.transparenttextures.com/patterns/green-dust-and-scratches.png');
}

#box3 {
position: absolute;
z-index: 2;
left: 144px;
top: 9px;
border: 1px dotted #71A0D6;
background: #C1DFF7;
height: 171px;
width: 400px;
border-radius: 3%;
padding: 5px;
overflow-y: auto;
font-family: 'Hi Melody';
font-size: 13px;
color: #5882BC;
overflow-y: auto;
line-height: 14.5px;
box-shadow: 0px 0px 3px 2px #5882BC;
background-image: url('https://www.transparenttextures.com/patterns/green-dust-and-scratches.png');
}

h1 {
font-family: 'Lobster Two';
font-size: 20px;
color: #C1DFF7;
text-align: center;
background-color: #4676b8;
line-height: 20px;
margin-top: 1px;
margin-bottom: 5px;
letter-spacing: 1px;
background-size: 20%;
background-repeat: repeat;
background-image: url('https://img1.picmix.com/output/stamp/normal/4/8/4/7/1777484_8803b.gif');
text-shadow: 0px 0px 15px #fff;
}

#swablu {
position: absolute;
z-index: 2;
right: 15px;
bottom: 0px;
height: 100px;
width: 110px;
background-image: url('https://i.pinimg.com/originals/96/16/71/961671a0d15c33d419b8364e1345ccd2.png');
background-size: 100%;
background-repeat: no-repeat;
}

#happiny {
position: absolute;
z-index: 2;
left: 15px;
bottom: 0px;
height: 100px;
width: 110px;
background-image: url('https://i.pinimg.com/originals/96/16/71/961671a0d15c33d419b8364e1345ccd2.png');
background-size: 100%;
background-repeat: no-repeat;
}

#teddiursa {
position: absolute;
z-index: 2;
left: 15px;
bottom: 59px;
height: 100px;
width: 110px;
background-image: url('https://i.pinimg.com/originals/96/16/71/961671a0d15c33d419b8364e1345ccd2.png');
background-size: 100%;
background-repeat: no-repeat;
}

#idk1 {
position: absolute;
z-index: 2;
left: 15px;
bottom: 119px;
height: 100px;
width: 110px;
background-image: url('https://i.pinimg.com/originals/96/16/71/961671a0d15c33d419b8364e1345ccd2.png');
background-size: 100%;
background-repeat: no-repeat;
}

#idk2 {
position: absolute;
z-index: 2;
right: 15px;
bottom: 119px;
height: 100px;
width: 110px;
background-image: url('https://i.pinimg.com/originals/96/16/71/961671a0d15c33d419b8364e1345ccd2.png');
background-size: 100%;
background-repeat: no-repeat;
}

#idk3 {
position: absolute;
z-index: 2;
right: 15px;
bottom: 59px;
height: 100px;
width: 110px;
background-image: url('https://i.pinimg.com/originals/96/16/71/961671a0d15c33d419b8364e1345ccd2.png');
background-size: 100%;
background-repeat: no-repeat;
}

#tab1 {
position: absolute;
z-index: 2;
right: 307px;
top: 9px;
height: 50px;
width: 13px;
border: 1px solid #71A0D6;
background: #4676b8;
box-shadow: 0px 0px 3px 3px #5882BC;
}

#tab1:hover {
background: #71a0d6;
}


#tab2 {
position: absolute;
z-index: 2;
right: 307px;
top: 74.1px;
height: 50px;
width: 13px;
border: 1px solid #71A0D6;
background: #4676b8;
box-shadow: 0px 0px 3px 3px #5882BC;
}

#tab2:hover {
background: #71a0d6;
}

#tab3 {
position: absolute;
z-index: 2;
right: 307px;
bottom: 9px;
height: 50px;
width: 13px;
border: 1px solid #71A0D6;
background: #4676b8;
box-shadow: 0px 0px 3px 3px #5882BC;
}

#tab3:hover {
background: #71a0d6;
}

b {
color: #fff;
font-family: 'Racing Sans One';
text-shadow: 0px 0px 3px #3d6099;
font-size: 10px;
}

.friend {
width: 65px;
height:41px;
opacity: 1;
border: 1px dashed #71A0D6;
border-Radius: 10%;
margin-right: 1px;
margin-top: 4px;
margin-bottom:-5px;
opacity: 0.8;
-webkit-transition: opacity 0.7s linear;
 -webkit-transition: all 0.6s ease-out;
 -moz-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;
}

.friend:hover {
opacity: 0.7;
border: 1px dashed white;
margin-right: 1px;
margin-top: 4px;
margin-bottom:-5px;
-webkit-transition: opacity 0.7s linear;
 -webkit-transition: all 0.6s ease-out;
 -moz-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;
}

a {
font-family: 'Niconne';
font-size: 11px;
color: #b5b479;
letter-spacing: 0.5px;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

</style>
<div id="quokka" oncontextmenu="return false;">
<div id="container">
<div id="title"></div>
<div id="img1"></div>
<a href="#8"><div id="tab1"></div></a>
<a href="#9"><div id="tab2"></div></a>
<a href="#7"><div id="tab3"></div></a>
<div id="cont2">
<a href="#2"><div id="happiny"></div></a>
<a href="#3"><div id="teddiursa"></div></a>
<a href="#4"><div id="idk1"></div></a>
<a href="#5"><div id="idk2"></div></a>
<a href="#6"><div id="idk3"></div></a>
<a href="#1"><div id="swablu"></div></a>
<div id="box3">
<div style="height: 171px; overflow-y: hidden;">
<a name="1"></a>
<div style="height: 171px; overflow: auto;">
<div style="margin: 0 auto; width: 30.7em;">
<h1>Swablu 'Dex Data</h1>
<center><img src="https://thumbs.gfycat.com/IllegalSatisfiedBream-max-1mb.gif" style="width: 100px; height: 80px;"></center>
<B>National:</B> <font style=float:right>#333.</font><br>
<B>Identity:</B> <font style=float:right>Swablu.</font><br>
<B>Nickname:</B> <font style=float:right>Cirrus.</font><br>
<B>Species:</B> <font style=float:right>Cotton Bird Pokémon.</font><br>
<B>Gender:</B> <font style=float:right>Male.</font><br>
<B>Height:</B> <font style=float:right>0.4 m.</font><br>
<B>Weight:</B> <font style=float:right>1.2 kg.</font><br>
<B>Ability:</B> <font style=float:right><a title="Heals status ailments upon being switched out. /Eliminates effects of weather.">Natural Cure.</a></font><br>
<B>Hidden Ability:</B> <font style=float:right>Cloud Nine.</font><br>
<B>Level:</B> <font style=float:right>16.</font><br>
<B>Nature:</B> <font style=float:right><a title="+Sp. Atk/ -Sp. Def">Rash.</a></font><br>
<B>Type:</B> <font style=float:right>Normal / Flying.</font><br>
<B>Move 1:</B> <font style=float:right>Round.</font><br>
<B>Move 2:</B> <font style=float:right>Disarming Voice.</font><br>
<B>Move 3:</B> <font style=float:right>Mist.</font><br>
<B>Move 4:</B> <font style=float:right>Peck.</font>
</div></div>
<a name="2"></a>
<div style="height: 171px; overflow: auto;">
<div style="margin: 0 auto; width: 30.7em;">
<h1>Happiny 'Dex Data</h1>
<center><img src="https://qph.fs.quoracdn.net/main-qimg-83cabe19676bb24ffa0cf6b683a216f6" style="width: 50px; height: 80px;"></center>
<B>National:</B> <font style=float:right>#440.</font><br>
<B>Identity:</B> <font style=float:right>Happiny.</font><br>
<B>Nickname:</B> <font style=float:right>Piri.</font><br>
<B>Species:</B> <font style=float:right>Playhouse Pokémon.</font><br>
<B>Gender:</B> <font style=float:right>Male.</font><br>
<B>Height:</B> <font style=float:right>0.6 m.</font><br>
<B>Weight:</B> <font style=float:right>24.4 kg.</font><br>
<B>Ability:</B> <font style=float:right>Natural Cure.</font><br>
<B>Hidden Ability:</B> <font style=float:right><a title="Reduces damage done to allies.">Friend Guard.</a></font><br>
<B>Level:</B> <font style=float:right>15.</font><br>
<B>Nature:</B> <font style=float:right><a title="+Sp. Def/ -Spd">Sassy.</a></font><br>
<B>Type:</B> <font style=float:right>Normal.</font><br>
<B>Move 1:</B> <font style=float:right>Pound.</font><br>
<B>Move 2:</B> <font style=float:right>Disarming Voice.</font><br>
<B>Move 3:</B> <font style=float:right>Sweet Kiss.</font><br>
<B>Move 4:</B> <font style=float:right>Defense Curl.</font>
</div></div>
<a name="3"></a>
<div style="height: 171px; overflow: auto;">
<div style="margin: 0 auto; width: 30.7em;">
<h1>Teddiursa 'Dex Data</h1>
<center><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/67a62bf8-3918-422b-96ef-d83a4b6c0532/dcdzfm2-7f6a0026-2581-477b-8c51-f373157e267d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzY3YTYyYmY4LTM5MTgtNDIyYi05NmVmLWQ4M2E0YjZjMDUzMlwvZGNkemZtMi03ZjZhMDAyNi0yNTgxLTQ3N2ItOGM1MS1mMzczMTU3ZTI2N2QuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.9ehmkAd7xeKnYGEY-Abv14ysUEbIeh4B6oM5fShDlhQ" style="width: 50px; height: 80px;"></center>
<B>National:</B> <font style=float:right>#216.</font><br>
<B>Identity:</B> <font style=float:right>Teddiursa.</font><br>
<B>Nickname:</B> <font style=float:right>Theodora.</font><br>
<B>Species:</B> <font style=float:right>Little Bear Pokémon.</font><br>
<B>Gender:</B> <font style=float:right>Female.</font><br>
<B>Height:</B> <font style=float:right>0.6 m.</font><br>
<B>Weight:</B> <font style=float:right>8.8 kg.</font><br>
<B>Ability:</B> <font style=float:right><a title="May pick up items. /May gather honey.">Pickup.</a></font><br>
<B>Hidden Ability:</B> <font style=float:right>Honey Gather.</font><br>
<B>Level:</B> <font style=float:right>15.</font><br>
<B>Nature:</B> <font style=float:right><a title="+Atk/ -Sp. Atk.">Naughty.</a></font><br>
<B>Type:</B> <font style=float:right>Normal.</font><br>
<B>Move 1:</B> <font style=float:right>Baby Doll Eyes.</font><br>
<B>Move 2:</B> <font style=float:right>Fury Swipes.</font><br>
<B>Move 3:</B> <font style=float:right>Feint Attack.</font><br>
<B>Move 4:</B> <font style=float:right>Scratch.</font>
</div></div>
<a name="4"></a>
<div style="height: 171px; overflow: auto;">
<div style="margin: 0 auto; width: 30.7em;">
<h1>Buneary 'Dex Data</h1>
<center><img src="https://i.ibb.co/gZsJ79p/ezgif-com-gif-maker-13.gif" style="width: 50px; height: 80px;"></center>
<B>National:</B> <font style=float:right>#427.</font><br>
<B>Identity:</B> <font style=float:right>Buneary.</font><br>
<B>Nickname:</B> <font style=float:right>Tokki.</font><br>
<B>Species:</B> <font style=float:right>Rabbit Pokémon.</font><br>
<B>Gender:</B> <font style=float:right>Female.</font><br>
<B>Height:</B> <font style=float:right>0.4 m.</font><br>
<B>Weight:</B> <font style=float:right>5.5 kg.</font><br>
<B>Ability:</B> <font style=float:right><a title="Ensures a clean getaway from wild Pokémon. /Immune to paralysis.">Run Away.</a></font><br>
<B>Hidden Ability:</B> <font style=float:right>Limber.</font><br>
<B>Level:</B> <font style=float:right>13.</font><br>
<B>Nature:</B> <font style=float:right><a title="+Atk/ -Spd">Brave.</a></font><br>
<B>Type:</B> <font style=float:right>Normal.</font><br>
<B>Move 1:</B> <font style=float:right>Pound.</font><br>
<B>Move 2:</B> <font style=float:right>Baby Doll Eyes.</font><br>
<B>Move 3:</B> <font style=float:right>After You.</font><br>
<B>Move 4:</B> <font style=float:right>Defense Curl.</font>
</div></div>
<a name="5"></a>
<div style="height: 171px; overflow: auto;">
<div style="margin: 0 auto; width: 30.7em;">
<h1>Unknown #2</h1>
</div></div>
<a name="6"></a>
<div style="height: 171px; overflow: auto;">
<div style="margin: 0 auto; width: 30.7em;">
<h1>Unknown #3</h1>
</div></div></div>
</div>
</div>
<div id="box1"><h1>Out of Character</h1>
<B>00.</B> Coded by <a href="//roleplay.chat/profile.php?user=Sailor+Chuu">Chuu</a> for Henry's exclusive use ONLY! Do not take any part of this code for yourself. The boxes scroll.<br>
<B>01.</B> Admin alt, you're welcome to DM me questions about <a target="_blank" href="https://docs.google.com/document/d/1yO-Opg0m8fE5a07BoVW78fZhtwk8I0ERqmA7m27BjR0/edit?usp=sharing" target=_blank">Zephyr</a> and I'll answer them happily! The room is very much still in the planning stage but open positions are listed here.<br>
<B>02.</B> RL FC is Han Jisung (a.k.a. HAN) of Stray Kids. The art on this profile does not belong to me, and will be taken down upon request!

</div>
<div id="box2">
<div style="height: 171px; overflow-y: hidden;">
<a name="7"></a>
<div style="height: 171px; overflow: auto;">
<div style="margin: 0 auto; width: 22.8em;">
<h1>Statistics</h1>
<B>Name:</B> <font style=float:right>Henry Lim.</font><br>
<B>Nickname(s):</B> <font style=float:right>Squirrel Boy, Spazz.</font><br>
<B>Age:</B> <font style=float:right>20.</font><br>
<B>Birthdate:</B> <font style=float:right>March 14th.</font><br>
<B>Zodiac:</B> <font style=float:right>Pisces.</font><br>
<B>Birthplace:</B> <font style=float:right>Nimbasa City, Unova.</font><br>
<B>Citizenship:</B> <font style=float:right>Unovan.</font><br>
<B>Residence:</B> <font style=float:right>Corriola Town, Zephyr.</font><br>
<B>Orientation:</B> <font style=float:right>Homosexual.</font><br>
<B>Marital:</B> <font style=float:right>Single.</font><br>
<B>Occupation:</B> <font style=float:right>Assistant Professor.</font><br>
<font style=float:right>Trainer.</font><br>
<B>Alignment:</B> <font style=float:right>Good.</font><br>
<B>Hair Color:</B> <font style=float:right>Blonde.</font><br>
<B>Eye Color:</B> <font style=float:right>Brown.</font><br>
<B>Height:</B> <font style=float:right>5'7".</font><br>
<B>Build:</B> <font style=float:right>Petite.</font>
</div></div>
<a name="8"></a>
<div style="height: 171px; overflow: auto;">
<div style="margin: 0 auto; width: 22.8em;">
<h1>Personality</h1>
</div></div>
<a name="9"></a>
<div style="height: 171px; overflow: auto;">
<div style="margin: 0 auto; width: 22.8em;">
<h1>Pal Pad</h1>
<center>
<a href=" " target="_blank"><img src="https://i.pinimg.com/originals/e2/63/37/e26337d814ded2056eef377e91d77563.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.pinimg.com/originals/e2/63/37/e26337d814ded2056eef377e91d77563.gif" title="Info here" class="friend"></a>
<a href=" " target="_blank"><img src="https://i.pinimg.com/originals/e2/63/37/e26337d814ded2056eef377e91d77563.gif" title="Info here" class="friend"></a>
</center>
</div></div></div></div>
</div>
</div>
</div>