𝐓𝐇𝐑𝐄𝐄

     Hello, wildlings!

  A very simple placeholder code with an image and scrolling stats.
  Follow the dimensions of the image, otherwise, it won't fit properly.
  Feel free to change colors!

  Please do not steal this code.
  Leave the credit! <3 Happy Writing!

— — — — — — — — — — — — — —

<style>

@import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

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

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

::selection {
background: ;
color: white;
}

.wilder {
position: fixed;
bottom: 0px;
right: 0px;
}

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

.mainimg {
position: absolute;
margin: auto;
height: 380px;
width: 540px;
top: -200px;
bottom: 0px;
left: 0px;
right: 0px;
background: url(https://placehold.co/540x380.png);
background-size: cover;
border: 1px solid #000;
border-radius: 5px 5px 5px 5px;
box-shadow: #7C3C2E 0px 0px 20px;
}

.name {
position: absolute;
font-family: 'sedgwick ave display';
font-size: 50px;
font-style: italic;
margin-top: 0px;
margin-bottom: 0px;
left: 200px;
top: 375px;
text-shadow: 2px 2px 2px #7C3C2E;
color: #EEEDEE;
letter-spacing: -1px;
z-index: 1;
}

.stats {
position: absolute;
bottom: 100px;
right: 75px;
height: 125px;
width: 250px;
overflow: auto;
}

.stats li {
display: block;
background: transparent;
padding: 5px;
margin: 5px;
mix-blend-mode: plus-lighter;
font: 12px open sans;
color: #EEEDEE;
text-shadow: 2px 2px 2px #7C3C2E;
font-weight: bold;
text-align: right;
border-radius: 0px 5px 5px;
}

</style>

<!--
 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:14px;
 --MusicPlayer-Buttons-Color:#7C3C2E;
 --MusicPlayer-Buttons-Fill:yes;

}
</style>

<div glenplayer02>
<div controls></div>
<i class="aa-line-icons" icon-name="music-2"></i>
<audio src="MUSIC_LINK" volume="100%"></audio>
</div>

<div class="wilder"><a target="_blank" href="https://pastebin.com/u/wilderanima" title="code by wilder."><img src="https://i.imgur.com/hCJmFVu.png" width="75px;"></a></div>

<div class="container">
<div class="mainimg"></div>
<div class="name">firstname lastname</div>
<div class="stats">
<li>it scrolls! add as many as you'd like.</li>
<li>words</li>
<li>words</li>
<li>words</li>
<li>words</li>
</div>
</div>