Mightyena - Ghostface

<style>
/*------------------------------------------*/
/*----PROFILE/CODING (C) CHELSEA @ SUBETA---*/
/*--INSTEAD OF STEALING, COMMMENT FOR FREE--*/
/*------HELP! OPEN TO ANYONE, ANYTIME!------*/
/*-----please do not remove this credit-----*/
/*------------------------------------------*/

/*------------SUBETA BACKGROUND-------------*/
@import url("https://fonts.googleapis.com/css2?family=Cairo&display=swap");
#header, #postcards, #header-ban, #header-ban-main, #header-lrc, #header-rrc, #bookmarks, #menu, #menu-right, #sidebar, #rightbg, #spacer, #footer {display:none;}
#index, body, #page, #bookmarks, #rightbg {background-color:transparent;}
.hustler {display:none;}

/*--BACKGROUND--*/
body{position: fixed; background-image: url("https://i.imgur.com/GykEvG3.jpg");background-repeat: no-repeat; height: 768px; width: 1080px;}
html{background-color: #050511;}
#content{background-color: transparent;overflow: visible;}

/*--FONTS AND LINKS--*/
body, font, td, div {font-family:sans-serif;font-size: 12px;color: #434b79;text-shadow: 1px 1px 1px #c4d1f1;}
b {color: #434b79; text-shadow: 1px 1px 1px #c4d1f1;}
a, a:link, a:hover, a:active, a:visited, img {cursor:help;text-decoration: none;color: #434b79;text-shadow: 1px 1px 1px #c4d1f1;font-weight:bold;}

/*--COLUMNS--*/
#column_1 {position: absolute;top: 0px;left: 0px;}
#column_3 {display:none;}

/*--TAB SET-UP --*/
#story, #pet_treasure, #pet_friends, #gif {visibility: hidden; z-index: 9999;}
#story:target, #pet_treasure:target, #pet_friends:target, #gif:target {visibility: visible;}

/*--DIVS--*/
#story {background-color: #eeeff1;position: absolute; top: 170px;left: 527px; width: 455px; height: 277px!important; overflow: auto;border-radius: 10px;padding: 5px 0px 0px 5px;}
#gifimage {position: absolute; height: 150px; width: 200px; top: 325px; left: 765px;}
#navigation {position: absolute;left: 441px; top: 268px;line-height: .9;text-transform: uppercase;text-align: right;font-size:10px;}
#navigation a {color:transparent;text-shadow: none;}

#pet_friends {background-color: #eeeff1;position: absolute; top: 170px;left: 527px; width: 455px; height: 277px!important; overflow: auto;border-radius: 10px;padding: 5px 0px 0px 5px;}
#pet_friends img {border-radius: 5px;border: 1px solid #3c312f;outline: 1px solid #fff; padding:5px;background-color:#fff;}
.friend_div {width: 125px;}

/*--PET IMAGE--*/
#pet_image {display: float; position: absolute; background-image: url("https://i.imgur.com/GPhECsa.png");top: 40px; left: -175px; border-radius: 5px;border: 1px solid #3c312f;outline: 1px solid #fff; background-color: #fff;}

/*--MINION--*/
#pet_minion {position: absolute;top:458px;left: 770px;width: 100px;height: 0px;background-color:#cfd2db;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-right: 1px solid #333e6c;border-bottom: 1px solid #333e6c;border-left: 1px solid #333e6c;padding-top:20px;transition-delay:.1s;transition: .3s ease;overflow:hidden;}
#pet_minion:hover {height:125px;transition-delay:.1s;transition: .6s ease;}
#pet_minion img {border-radius: 5px;border: 1px solid #3c312f;outline: 1px solid #fff;}

/*--PET SPOTLIGHT--*/
.pet_spotlight {position: absolute;top:271px;left: 164px;width: 100px;height: 0px;background-color:#cfd2db;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-right: 1px solid #333e6c;border-bottom: 1px solid #333e6c;border-left: 1px solid #333e6c;padding-top:19px;transition-delay:.1s;transition: .3s ease;overflow:hidden;}
.pet_spotlight:hover {height:120px;transition-delay:.1s;transition: .6s ease;}
.pet_spotlight img {border-radius: 5px;border: 1px solid #3c312f;outline: 1px solid #fff;}

/*--PET INFO--*/
.owner img, .prototip, h2, .legacy-name {display:none;}
#column_2 {position: absolute; top: 175px;left: 715px; width: 300px; height: 290px!important; overflow: none;}
.pet_like .like-this {{color: #333e6c; text-shadow: 1px 1px 1px #c4d1f1;}}
i.red.icon {color: #333e6c!important; text-shadow: 1px 1px 1px #c4d1f1;}}
.owner a{text-decoration: none; font-weight: bold; font-size: 12px;letter-spacing: 1px;}
.pet_name {font-family: 'Cairo', sans-serif;text-shadow: 1px 1px 1px #c4d1f1;letter-spacing: 1px;line-height: 10px;}

/*--PET STATS--*/
#pet_stats {display:none;}

/*--TREASURE--*/
#pet_treasure {background-color: #eeeff1;position: absolute; top: 170px;left: 527px; width: 450px; height: 273px!important; overflow: auto;border-radius: 10px;}
.treasure_item {margin: 5px 15px 10px 5px; width: 60px; padding: 3px;opacity: .7;filter: grayscale(70%);}
.treasure_item:hover {opacity:1;}
.treasure_item img {border: 1px solid #3c312f;outline: 1px solid #fff;border-radius: 5px;box-shadow: 3px 3px 5px #16283c;}

/*--SCROLLBARS AND NAV--*/
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-button{height:0px; background: transparent;}
::-webkit-scrollbar-thumb{background: #cdc3c4;}

/*------------------------------------------*/
/*----PROFILE/CODING (C) CHELSEA @ SUBETA---*/
/*---------SOCKPROPS.DEVIANTART.COM---------*/
/*--INSTEAD OF STEALING, COMMMENT FOR FREE--*/
/*------HELP! OPEN TO ANYONE, ANYTIME!------*/
/*-----please do not remove this credit-----*/
/*------------------------------------------*/
</style>

<div id="navigation">
<a href="#" class="untarget">Information</a></p>
<a href="#story">Story</a></p>
<a href="#pet_friends">Friends</a></p>
<a href="#pet_treasure">Treasure</a></p>
</div>

<div id="story">
[b]This![/b] [i]Is![/i] [u]The Info/standard tab![/u] <a href="">DIV!</a><br>
[b][i][u]Everything!~[/u][/i][/b]<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu risus ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat. Etiam rhoncus justo et eros tincidunt facilisis. Quisque sollicitudin diam sed molestie lobortis. Ut rhoncus porta laoreet. Sed augue felis, pulvinar in ornare id, efficitur at risus. Vestibulum efficitur aliquam leo at tempor. Suspendisse sollicitudin magna id mauris tempus interdum. Aliquam sit amet arcu dictum, egestas erat id, malesuada orci. Suspendisse potenti.
<p>
Vivamus suscipit felis odio, eget eleifend mauris lobortis posuere. Phasellus turpis nibh, varius a porta gravida, sagittis nec nisi. Duis eu semper lectus. Curabitur vehicula ex vitae scelerisque sollicitudin. Nulla pellentesque elementum quam, in iaculis libero porta eu. Integer eget risus ac nulla facilisis luctus non et nisl. Pellentesque pellentesque facilisis odio vitae sagittis.
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu risus ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat. Etiam rhoncus justo et eros tincidunt facilisis. Quisque sollicitudin diam sed molestie lobortis. Ut rhoncus porta laoreet. Sed augue felis, pulvinar in ornare id, efficitur at risus. Vestibulum efficitur aliquam leo at tempor. Suspendisse sollicitudin magna id mauris tempus interdum. Aliquam sit amet arcu dictum, egestas erat id, malesuada orci. Suspendisse potenti.
<p>
Vivamus suscipit felis odio, eget eleifend mauris lobortis posuere. Phasellus turpis nibh, varius a porta gravida, sagittis nec nisi. Duis eu semper lectus. Curabitur vehicula ex vitae scelerisque sollicitudin. Nulla pellentesque elementum quam, in iaculis libero porta eu. Integer eget risus ac nulla facilisis luctus non et nisl. Pellentesque pellentesque facilisis odio vitae sagittis.
<p>Profile & Coding: [user=Chelsea]<br></div>

<div id="gifimage">
<img src="https://thesurvivalgamer.com/wp-content/uploads/2021/06/dbd-ghostface-selfie.gif"/>
</div>