ғᴜʟʟ ᴏғ ᴜɴᴛᴏʟᴅ sᴛᴏʀɪᴇs

<style>

 @import url('https://fonts.googleapis.com/css2?family=Economica:ital,wght@0,400;0,700;1,400;1,700&display=swap');

 @font-face {
 font-family: "progress";
 src: url(https://dl.dropboxusercontent.com/scl/fi/1hrs2qe1v8pi6f70metys/PROGRESS.ttf?rlkey=ix7a5tkoya84k08gec3cpggkh&st=7z4kbydx&dl=0);}

 @font-face {
 font-family: "bronco";
 src: url(https://dl.dropboxusercontent.com/scl/fi/duv9iru19obm6ta2dq4lp/BRONCO.ttf?rlkey=3a75qx1zl96sd9v8sva2zyzel&st=lvz0ku6q&dl=0);}

body {cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_1280.png), auto;
background-color: #000;}

::-webkit-scrollbar {
display: none;}

.wilder {
position: fixed;
bottom: 0px;
right: 10px;
z-index: 999999999;
}

.container {
position: fixed;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 350px;
width: 825px;
background-color: #000;}

.title {
 position: absolute;
 margin: auto;
 top: -75px;
 bottom: 0px;
 left: 300px;
 right: 0px;
 width: 5000px;
 font-family: bronco;
 font-size: 75px;
 letter-spacing: 2px;
 color: #284a52;
 filter:drop-shadow(0px 0px 3px #284a52);
 opacity: 1;
 z-index: 999;}

.image1 {
 position: absolute;
 top: 0px;
 left: 0px;
 background-image:url(https://placehold.co/270x150.png); /* top left */
 background-repeat:no-repeat;
 width:270px;
 height:150px;
 background-size: cover;
 background-position: center;
 z-index: 9;
 border: 1px solid #000;
 opacity:0.9; filter: grayscale(0%);}

.image2 {
 position: absolute;
 bottom: 0px;
 right: 0px;
 background-image:url(https://placehold.co/270x150.png); /* bottom right */
 background-repeat:no-repeat;
 width:270px;
 height:150px;
 background-size:cover;
 background-position: center;
 z-index: 9;
 border: 1px solid #000;
 opacity:0.9; filter: grayscale(0%);}

 .words1 {
 position: absolute;
 margin: auto;
 bottom: 5px;
 left: 5px;
 height: 165px;
 width: 245px;
 padding: 10px;
 text-align: left;
 font-family: economica;
 font-size: 13px;
 overflow: auto;
 text-ident: 10px;
 color: #fefefe;
 background-color: #000;
 border-outline: 1px solid #000;
 z-index: 999;}

 .words2 {
 position: absolute;
 margin: auto;
 top: 5px;
 left: 0px;
 right: 0px;
 height: 320px;
 width: 250px;
 padding: 10px;
 text-align: left;
 font-family: economica;
 font-size: 13px;
 overflow: auto;
 overflow-x: hidden;
 text-ident: 10px;
 color: #fefefe;
 background-color: #000;
 border-outline: 1px solid #000;
 z-index: 999;}

.put {
 position: absolute;
 top: 0px;
 left: auto;
 margin: auto;
 overflow: auto;
 overflow-x: hidden;
 opacity: 1;
 height: 355px;
 width: 260px;
 padding: 0px;
 font-size: 1px;
 z-index: 999;}

p.td {text-align: right; font-family:economica; margin-left: -10; font-size: 13px; line-height: 15px; color: #fff; }

td {
text-align: left;
line-height: 20px;}

 .words3 {
 position: absolute;
 margin: auto;
 top: 5px;
 right: 5px;
 height: 165px;
 width: 245px;
 padding: 10px;
 text-align: left;
 font-family: economica;
 font-size: 13px;
 overflow: auto;
 text-ident: 10px;
 color: #fefefe;
 background-color: #000;
 border-outline: 1px solid #000;
 z-index: 999;}

 b { letter-spacing: 0px; font-family: economica; color: #284a52; font-weight: bold; font-size:14px; text-transform: uppercase; filter:drop-shadow(0px 0px 3px #284a52);}

 i { letter-spacing: 0px; font-family: economica; color: #ddd7dd; font-weight: bold; font-size:14px; text-transform:; filter:drop-shadow(0px 0px 1px #ddd7dd);}

 u { letter-spacing: 0px; font-family: economica; color: #aabaa6; font-weight: bold; font-size:14px; text-transform:; filter:drop-shadow(0px 0px 1px #aabaa6);}

 s { letter-spacing: 0px; font-family: economica; color: #5e321f; font-weight: bold; font-size:14px; text-transform:; filter:drop-shadow(0px 0px 1px #5e321f);}

 a { font-family: economica; letter-spacing: 0px; color: #829097; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; transition: 0.7s;
 cursor: url(https://i.imgur.com/WIeMSiR.png), auto; filter:drop-shadow(0px 0px 1px #829097);}

 a:hover { font-family: economica; letter-spacing: 0px; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; transition:0.7s; }

.contacts {
 position: absolute;
 margin: auto;
 top: 0px;
 right: -80px;
 height: 329px;
 width: 55px;
 padding: 10px;
 text-align: left;
 font-family: economica;
 font-size: 12px;
 overflow: auto;
 text-ident: 10px;
 color: #fefefe;
 background-color: #000;
 z-index: 99999;}

.contact {
 width: 55px;
 height: 55px;
 border: 0px solid #3a3d39;
 display: inline-block;
 transition: all 500ms linear;
 object-fit: cover;
 margin: 0px;
 margin-bottom: 8px;
 padding: 1px;
 background: transparent;
 overflow:; }

.contact img {
 width: 55px;
 height: 55px;
 outline: 1px solid #;
 transition: all 500ms linear;
 -webkit-filter: grayscale(100%);
 filter:drop-shadow(2px 2px 2px #284a52);
 opacity: 1; }

</style>
<div class="wilder"><a target="_blank" href="https://roleplay.chat/profile.php?user=WILDER" title="ᴄᴏᴅᴇ ʙʏ ᴡɪʟᴅᴇʀ.
ɴᴏᴛᴇ — ᴘʟᴇᴀsᴇ, ғᴇᴇʟ ғʀᴇᴇ ᴛᴏ ᴇᴅɪᴛ ᴛʜɪs ᴄᴏᴅᴇ ʜᴏᴡᴇᴠᴇʀ ʏᴏᴜ'ᴅ ʟɪᴋᴇ.
ᴄᴏʟᴏʀs, ғᴏɴᴛs, ғᴏʀᴍᴀᴛᴛɪɴɢ, ᴇᴛᴄ. ɢᴏ ᴄʀᴀᴢʏ. ᴘʟᴇᴀsᴇ ᴊᴜsᴛ ᴋᴇᴇᴘ ᴛʜᴇ ᴄʀᴇᴅɪᴛ."><img src="https://i.imgur.com/hCJmFVu.png" width="75px;"></a></div>

<div class="container">
<div class="image1"></div>
<div class="image2"></div>

<div class="title">FIRSTNAME LASTNAME</div>

<div class="words1">

<b>❝</b> Headcanons and such can go here! <br><br>

<b>❝</b> Headcanons and such can go here! <br><br>

<b>❝</b> Headcanons and such can go here! <br><br>

<b>❝</b> Headcanons and such can go here! <br><br>

<b>❝</b> Headcanons and such can go here! <br><br>

</div>

<div class="words2">
<div id="01" class="put">

<table border="0" cellspacing="-10">

<tr>
<td><b>Name</b></td>
<td>
<p class="td">FULL NAME</p>
</td>
</tr><br>

<tr>
<td><b>Nicknames</b></td>
<td>
<p class="td">NICKNAMES</p>
</td>
</tr><br>

<tr>
<td><b>Socials</b></td>
<td>
<p class="td"><a title="Details.">@SOCIALS</a></p>
</td>
</tr><br>

<tr>
<td><b>Birthdate</b></td>
<td>
<p class="td">BIRTHDAY <b>/</b> AGE</p>
</td>
</tr>

<tr>
<td><b>Birth Place</b></td>
<td>
<p class="td">BIRTH PLACE</p>
</td>
</tr><br>

<tr>
<td><b>Residence</b></td>
<td>
<p class="td">RESIDENCE</p>
</td>
</tr>

<tr>
<td><b>Orientation</b></td>
<td>
<p class="td">SEXUALITY</p>
</td>
</tr>

<tr>
<td><b>Marital</b></td>
<td>
<p class="td"><a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details.">MARITAL</a></p>
</td>
</tr>

<tr>
<td><b>Alumni</b></td>
<td>
<p class="td">HOUSE <b>/</b> YEAR</p>
</td>
</tr>

<tr>
<td><b>Wand</b></td>
<td>
<p class="td">LENGTH, WOOD, CORE, FLEXBILITY</p>
</td>
</tr>

<tr>
<td><b>Patronus</b></td>
<td>
<p class="td">PATRONUS</p>
</td>
</tr>

<tr>
<td><b>Boggart</b></td>
<td>
<p class="td">BOGGART</p>
</td>
</tr>

<tr>
<td><b>Amortentia</b></td>
<td>
<p class="td">AMORTENTIA</p>
</td>
</tr>

<tr>
<td><b>Blood</b></td>
<td>
<p class="td">BLOOD STATUS</p>
</td>
</tr>

<tr>
<td><b>Ethnicity</b></td>
<td>
<p class="td">ETHNICITY</p>
</td>
</tr>

<tr>
<td><b>Hair</b></td>
<td>
<p class="td">HAIR COLOR</p>
</td>
</tr>

<tr>
<td><b>Eyes</b></td>
<td>
<p class="td">EYE COLOR</p>
</td>
</tr>

<tr>
<td><b>Height</b></td>
<td>
<p class="td">FT'IN" <b>/</b> CM</p>
</td>
</tr>

<tr>
<td><b>Weight</b></td>
<td>
<p class="td">LBS <b>/</b> KGS</p>
</td>
</tr>

<tr>
<td><b>Physique</b></td>
<td>
<p class="td">PHYSIQUE</p>
</td>
</tr>

<tr>
<td><b>Notable</b></td>
<td>
<p class="td"><a target="_blank" title="Details.">Scars</a> <b>/</b> <a target="_blank" title="Details.">Tattoos</a> </p>
</td>
</tr>

<tr>
<td><b>Scent</b></td>
<td>
<p class="td"><a title="Details.">SCENT</a></p>
</td>
</tr>

</table>
</div>

</div>

<div class="words3">

<b>❝</b> Code by <a target="_blank" href="https://roleplay.chat/profile.php?user=WILDER">Wilder</a> — <i>don't touch!</i> <br><br>

<b>❝</b> Alternate for the <a target="_blank" href="https://roleplay.chat/profile.php?user=">Room Name</a> room only. Do not contact me about other settings. <br><br>

<b>❝</b> <b>IC ≠ OOC.</b> Do not confused the two. <br>
<b>RL > RP.</b> I may need to poof once in a while, but I'll try to warn. <i>Do not spam my DMs. I'll reply when I can.</i> <br><br>

<b>❝</b> <b>Face Claim</b> is <a>Face Claim</a>. <br><br>

<b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s> <a>link</a>

</div>

<div class="contacts"> <!-- put contacts here -->

<a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details.">
 <div class="contact">
<img class="contact-img" src="https://placehold.co/100x100.png">
 </div> </a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details.">
 <div class="contact">
<img class="contact-img" src="https://placehold.co/100x100.png">
 </div> </a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details.">
 <div class="contact">
<img class="contact-img" src="https://placehold.co/100x100.png">
 </div> </a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details.">
 <div class="contact">
<img class="contact-img" src="https://placehold.co/100x100.png">
 </div> </a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details.">
 <div class="contact">
<img class="contact-img" src="https://placehold.co/100x100.png">
 </div> </a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details.">
 <div class="contact">
<img class="contact-img" src="https://placehold.co/100x100.png">
 </div> </a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details.">
 <div class="contact">
<img class="contact-img" src="https://placehold.co/100x100.png">
 </div> </a>

</div>

</div>

<!--
 MUSIC PLAYER #02 by glenthemes
 ♬ glenthpvs.tumblr.com/player02
--->
<script src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
<link href="//fonts.googleapis.com/css?family=Readex+Pro" rel="stylesheet">
<link href="//glenthemes.github.io/-music-/glenplayer02.css" rel="stylesheet">
<script src="//glenthemes.github.io/-music-/glenplayer02.js"></script>
<style element="glenplayer02">
:root {
 --MusicPlayer-Position:bottom left;
 --MusicPlayer-Edge-Offset:15px;

 --MusicPlayer-Buttons-Size:15px;
 --MusicPlayer-Buttons-Color:#284a52;
 --MusicPlayer-Buttons-Fill:yes;
}
</style>

<div glenplayer02>
 <div controls></div>

 <!-- HOW TO CHANGE THE MUSIC -->
 <!-- linktr.ee/direct_file_links -->
 <audio src="MUSIC_LINK" volume="100%"></audio>

</div><!--don't delete this line-->
<!--end music player-->