𝐅𝐎𝐔𝐑

     Hello, wildlings!

  A very simple placeholder code with a couple of images, a dossier, headcanons, and contacts.
  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=Gluten:wght@100..900&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;
}

a {
text-decoration: none;
color: #C2A490;
}


a:hover {
color: #6D5952;
}


b {
color: #A9855C;
}


i {
color: #C29F67;
}

u {
color: #C29F67;
}

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

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

.img1 {
position: absolute;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 550px;
width: 344px;
background: url(https://placehold.co/344x550.png);
background-size: 100%;
border: 1px solid #A9855C;
box-shadow: #A9855C 0px 0px 20px;
}

.img2 {
position: relative;
top: 120px;
left: -70px;
height: 364px;
width: 209px;
background: url(https://placehold.co/209x364.png);
background-size: 100%;
border: 1px solid #A9855C;
box-shadow: #A9855C 0px 0px 10px;
}

.name1 {
position: relative;
font-family: 'gluten';
font-size: 50px;
text-transform: uppercase;
text-align: center;
left: 290px;
top: 50px;
text-shadow: 2px 2px 2px #A9855C;
color: #EEEDEE;
letter-spacing: -1px;
z-index: 1;
}

.stats {
position: absolute;
top: 45px;
left: -75px;
height: 185px;
width: 220px;
overflow: auto;
}

.stats li {
display: block;
background: #DCCEBD;
padding: 7px;
margin: 5px;
mix-blend-mode: plus-lighter;
font: 12px gluten;
font-weight: 800;
border-radius: 5px 0px 5px;
}

.hc {
position: absolute;
top: 150px;
right: -75px;
height: 310px;
width: 220px;
overflow: auto;
}

.hc li {
display: block;
background: #DCCEBD;
padding: 7px;
margin: 5px;
mix-blend-mode: plus-lighter;
opacity: 0.9;
font: 12px gluten;
font-weight: 800;
border-radius: 0px 5px 0px;
}

.conns {
position: relative;
bottom: 15px;
left: 515px;
height: 140px;
width: 210px;
overflow: auto;
}

.pic {
margin: 5px 10px 10px 5px;
height: 50px;
outline: 2px solid transparent;
transition: 0.2s;
border-radius: 7px;
outline: 2px solid #D6E1E0;
outline-offset: -2;
}
.pic:hover {
outline: 2px solid #D6E1E0;
outline-offset: -6px;
}
.wa {
text-decoration: none;
transition: 0.3s;
}

</style>

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

<div class="container">
<div class="img1"></div>
<div class="name1">name <br> name</div>
<div class="img2"></div>

<div class="stats">
<li>it scrolls!
<li>words
<li>words
<li>words
<li>words
<li>words
<li>words
</div>

<div class="hc">
<li><b>bold</b> <i>italic</i> <u>underline</u> <a>link</a>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<li>It scrolls! Add as many as you'd like!
<li>words
<li>words
<li>words
<li>words
<li>words
<li>words
<li>words
<li>words
<li>words
</div>

<div class=conns>
<a class="wa" href="https://roleplay.chat/profile.php?user=" target="_blank" title="Details."><img class="pic" src="https://placehold.co/50x50.png"></a>
<a class="wa" href="https://roleplay.chat/profile.php?user=" target="_blank" title="Details."><img class="pic" src="https://placehold.co/50x50.png"></a>
<a class="wa" href="https://roleplay.chat/profile.php?user=" target="_blank" title="Details."><img class="pic" src="https://placehold.co/50x50.png"></a>
<a class="wa" href="https://roleplay.chat/profile.php?user=" target="_blank" title="Details."><img class="pic" src="https://placehold.co/50x50.png"></a>
<a class="wa" href="https://roleplay.chat/profile.php?user=" target="_blank" title="Details."><img class="pic" src="https://placehold.co/50x50.png"></a>
<a class="wa" href="https://roleplay.chat/profile.php?user=" target="_blank" title="Details."><img class="pic" src="https://placehold.co/50x50.png"></a>

</div>