PTOUGHNEIGH CODE [WIP]

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Bebas+Neue');
@font-face { font-family: "stars"; src: url('https://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
@font-face { font-family:"quicksand"; src: url('https://static.tumblr.com/fxpo5zq/ad0m5vybr/quicksand_light.otf'); }
@font-face { font-family: "aspire"; src: url('https://static.tumblr.com/gdh5wux/Mtimequm2/aspire-demibold.ttf'); }
@font-face { font-family: "mont"; src: url('https://dl.dropboxusercontent.com/s/yevz2utt48rxzq2/Mont-HeavyDEMO.otf'); }

body {
background-color: #FFEEF9;
background-image: url('http://www.transparenttextures.com/patterns/pyramid.png');
background-position: center;
background-size: 1%;
background-repeat:repeat;
}

#puhtony {
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;
top: 1%;
left: 1%;
background: transparent;
height: 610px;
width: 1393px;
}

#botgif {
position: absolute;
z-index: 1;
height: 210px;
width: 210px;
bottom: 0px;
left: 10px;
background-image: url('https://data.whicdn.com/images/342070998/original.gif');
background-size: 100%;
background-repeat: no-repeat;
box-shadow: -4px -4px #fff;
opacity: 0.8;
}

#square1 {
position: absolute;
z-index: 2;
height: 195px;
top: 5px;
left: 5px;
width: 196px;
border: 2px solid #fff;
background: transparent;
}

#header1 {
position: absolute;
z-index: 2;
width: 210px;
height: 90px;
font-family: 'stars';
color: #fa84b7;
font-size: 27.5px;
top: -40px;
left: 0px;
}

#header2 {
position: absolute;
z-index: 1;
width: 210px;
height: 90px;
font-family: 'stars';
color: #8a7880;
font-size: 27.5px;
top: -41px;
left: -2px;
}

#abovebox {
position: absolute;
z-index: 2;
left: -12px;
top: -80px;
height: 30px;
width: 280px;
background: transparent;
line-height: 25px;
}


#navbox1 {
position: absolute;
z-index: 1;
left: 230px;
bottom: 0px;
padding-left: 15px;
padding-right: 15px;
background: #fa84b7;
padding-top: 8px;
padding-bottom: 5px;
border: 1px dotted #ff75b1;
font-family: 'Bebas Neue';
text-align: center;
font-size: 20px;
color: #fff;
}

#navbox2 {
position: absolute;
z-index: 1;
left: 230px;
bottom: 56px;
padding-left: 15px;
padding-right: 15px;
background: #fa84b7;
padding-top: 8px;
padding-bottom: 5px;
border: 1px dotted #ff75b1;
font-family: 'Bebas Neue';
text-align: center;
font-size: 20px;
color: #fff;
}

#navbox3 {
position: absolute;
z-index: 1;
left: 230px;
bottom: 112px;
padding-left: 15px;
padding-right: 15px;
background: #fa84b7;
padding-top: 8px;
padding-bottom: 5px;
border: 1px dotted #ff75b1;
font-family: 'Bebas Neue';
text-align: center;
font-size: 20px;
color: #fff;
}

#navbox4 {
position: absolute;
z-index: 1;
left: 230px;
bottom: 168px;
padding-left: 15px;
padding-right: 15px;
background: #fa84b7;
padding-top: 8px;
padding-bottom: 5px;
border: 1px dotted #ff75b1;
font-family: 'Bebas Neue';
text-align: center;
font-size: 20px;
color: #fff;
}

#jupes {
position: absolute;
z-index: 1;
left: 230px;
bottom: 215px;
height: 40px;
width: 40px;
background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/db47ff6-ebb9be86-fa09-4dc6-83d2-a5e6cd403072.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2NmMjgzNmNiLTU4OTMtNGE2Yy1iMTU2LTVhODlkOTRmYzcyMVwvZGI0N2ZmNi1lYmI5YmU4Ni1mYTA5LTRkYzYtODNkMi1hNWU2Y2Q0MDMwNzIuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.cDsZ1Zxw1RxEQB6wjBnXQUMg2D_XUPk1g_-BLjkVoyw');
background-size: 100%;
background-repeat: no-repeat;
}

#bigbox {
position: absolute;
z-index: 2;
bottom: 0px;
left: 280px;
height: 410px;
width: 272px;
background: #fffcfe;
border: 2px double #d94e9d;
font-family: 'quicksand';
color: #666;
font-size: 11.5px;
line-height: 16px;
padding: 5px;
}

#topgif {
position: absolute;
z-index: 2;
left: 12px;
top: -150px;
height: 140px;
width: 280px;
background-image: url('https://c.tenor.com/zOeBharQ25cAAAAC/sorn-clc.gif');
background-size: 100%;
background-repeat: no-repeat;
transform: skew(-10deg);
opacity: 0.8;
border: 2px double #d94e9d;
}

#header3 {
position: absolute;
z-index: 2;
width: 210px;
height: 90px;
font-family: 'stars';
color: #fa84b7;
font-size: 25.5px;
top: -20px;
left: -18px;
}

#header4 {
position: absolute;
z-index: 1;
width: 210px;
height: 90px;
font-family: 'stars';
color: #8a7880;
font-size: 25.5px;
top: -21px;
left: -20px;
}

u {
font-family: 'Bebas Neue';
background: #ffa3df;
border: 1px solid #e069b6;
padding: 3px;
font-size: 16px;
color: #e069b6;
text-decoration: none;
margin-top: 5px;
line-height: 25px;
}

u:hover {
color: #fff;
}

h1 {
font-family: 'aspire';
font-size: 22px;
background: linear-gradient(to right, #fff, #ffa3df);
color: #e069b6;
text-shadow: 0px 3px 3px #bd2688;
line-height: 10px;
text-align: right;
margin-top: 1px;
margin-bottom: 5px;
}

b {
font-family: 'mont';
color: #ff94e2;
}

</style>
<div id="puhtony" oncontextmenu="return false;">
<div id="container">
<div id="botgif">
<div id="square1"></div>
<div id="header1">Ptoughneigh</div>
<div id="header2">Ptoughneigh</div>
<div id="abovebox">
<center><u>Quirky</u> <u>ESFP</u> <u>Alien Enthusiast</u> <u>Learner</u> <u>Nerd</u></center>
</div>
</div>
<div id="navbox1">4</div>
<div id="navbox2">3</div>
<div id="navbox3">2</div>
<div id="navbox4">1</div>
<div id="jupes"></div>
<div id="bigbox">
<div id="topgif">
<div id="header3">Traipipattanapong</div>
<div id="header4">Traipipattanapong</div>
</div>
<h1>Dossier</h1>
<B>First:</B> <font style=float:right>Ptoughneigh.</font><br>
<B>Last:</B> <font style=float:right>Traipipattanapong.</font><br>
<B>Nicks:</B> <font style=float:right>Puhtony, Pong.</font><br>
<B>Gender:</B> <font style=float:right>Female.</font><br>
<B>Pronouns:</B> <font style=float:right>She/Hers.</font><br>
<B>Orient:</B> <font style=float:right>Lesbian.</font><br>
<B>Age:</B> <font style=float:right>Sixteen.</font><br>
<B>Paramour:</B> <font style=float:right>None.</font><br>
<B>Birthdate:</B> <font style=float:right>December 1st.</font><br>
<B>Zodiac:</B> <font style=float:right>Sagittarius.</font><br>
<B>Birthplace:</B> <font style=float:right>Antwerp, Belgium.</font><br>
<B>Ethnicity:</B> <font style=float:right>Thai.</font><br>





</div>


</div>