ｂｉｇ ｄｏｇ

<style>
@import url('https://fonts.googleapis.com/css?family=Permanent+Marker|Kaushan+Script|Montserrat|Oswald');

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

b {
 color: #983D4B;
}

h1 {
 font-family: 'Oswald';
 font-size: 25px;
 margin-top: 10px;
 line-height: 30px;
 color: #000;
 width: 100%;
 border-bottom: 1px solid;
 border-color: #000;
 border-image-slice: 1;
}

body{
 overflow: hidden;
 background: linear-gradient(#000 50%, #5D232C);
}

.detail {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background-image: url("https://www.transparenttextures.com/patterns/xv.png");
}

.image {
 position: absolute;
 bottom: 5px;
 left: 285px;
 height: 555px;
 width: 450px;
 background-image: url('http://i.picpar.com/ISVd.png');
 background-position: 0px 0px;
 background-repeat: no-repeat;
 background-attachment: absolute;
 background-size: 450px;
 z-index: 2;
}

.container {
 position: absolute;
 bottom: 30px;
 left: 280px;
 width: 450px;
 height: 300px;
 background-color: #5d232c;
 background-image: url("https://www.transparenttextures.com/patterns/black-felt.png");

 border: 5px solid #222;
}

.container2 {
 position: absolute;
 bottom: 30px;
 left: 50px;
 height: 295px;
 width: 200px;
 background-color: #fefffa;
 background-image: url("https://www.transparenttextures.com/patterns/ecailles.png");
 border: 4px solid #555;
 font-family: 'Montserrat';
 font-size: 13px;
 line-height:20px;
 letter-spacing:0.5px;
 font-variant:small-caps;
 padding: 5px;
}

.words{
 overflow: auto;
 position: absolute;
 bottom: 30px;
 left: 780px;
 height: 285px;
 width: 200px;
 background-color: #fefffa;
 background-image: url("https://www.transparenttextures.com/patterns/ecailles.png");
 border: 4px solid #555;
 color: black;
 font-family: 'Montserrat';
 font-size: 13px;
 line-height:20px;
 letter-spacing:0.5px;
 font-variant:small-caps;
 padding: 5px;
 opacity: 0;
 transition: 1s;
}

.words:target {
 opacity: 1;
z-index: 3;
 }

.flower {
 position: absolute;
 bottom: 35px;
 left: 355px;
 height: 500px;
 width: 500px;
 background-image: url('http://i.picpar.com/KSVd.png');
 background-repeat: no-repeat;
 background-attachment: absolute;
 background-size: 400px;
}

 .icon {
 position: absolute;
 bottom: 250px;
 left: 750px;
 height: 20;
 width: 20;
 background-color: #fff;
 border-radius: 10px;
 transition: 0.3s ease-in;
 z-index: 5;
}

.icon:hover {
 border-radius: 0px;
 transform: rotate(45deg);
}

.icon2 {
 position: absolute;
 bottom: 215px;
 left: 750px;
 height: 20px;
 width: 20px;
 background-color: #fff;
 border-radius: 10px;
 transition: 0.3s ease-in;
 z-index: 5;
}

.icon2:hover {
 border-radius: 0px;
 transform: rotate(45deg);
}

.icon3 {
 position: absolute;
 bottom: 180px;
 left: 750px;
 height: 20px;
 width: 20px;
 background-color: #fff;
 border-radius: 10px;
 transition: 0.3s ease-in;
 z-index: 5;
}

.icon3:hover {
 border-radius: 0px;
 transform: rotate(45deg);
}

.icon4 {
 position: absolute;
 bottom: 145px;
 left: 750px;
 height: 20px;
 width: 20px;
 background-color: #fff;
 border-radius: 10px;
 transition: 0.3s ease-in;
 z-index: 5;
}

.icon4:hover {
 border-radius: 0px;
 transform: rotate(45deg);
}

.icon5 {
 position: absolute;
 bottom: 110px;
 left: 750px;
 height: 20px;
 width: 20px;
 background-color: #fff;
 border-radius: 10px;
 transition: 0.3s ease-in;
 z-index: 5;
}

.icon5:hover {
 border-radius: 0px;
 transform: rotate(45deg);
}

.credit {
 position:absolute;
 bottom:0px;
 right:5px;
 height:60px;
 width:60px;
 opacity: .7;
 background-image: url('https://i.imgur.com/67eVLlq.png');
 background-position: center;
 background-size: cover;
}

</style>

<a class='icon' href='#1'></a>
<a class='icon2' href='#2'></a>
<a class='icon3' href='#3'></a>
<a class='icon4' href='#4'></a>
<a class='icon5' href='#reset'></a>

<div class="detail"></div>

<div class="image"></div>

<div class="container"></div>
<div class="container2">
<h1>out of character.</h1>
<b>000.</b> ooc here.<br>
<b>001.</b> ay bro watch yo jet<br>
<b>002.</b> this quarantine got me fked up<br>
<b>003.</b> idfk what else to put here<br>
<b>004.</b> seriously do what you want<br>
<b>005.</b> mcdonalds is good, change my mind.<br>
</div>

<div class="flower"></div>

<div class='words' div id='1'>
<h1>rap sheet.</h1>
<b>Stat</b><font style='float:right'>Here</font><br>
<b>Stat</b><font style='float:right'>Here</font><br>
<b>Stat</b><font style='float:right'>Here</font><br>
<b>Stat</b><font style='float:right'>Here</font><br>
<b>Stat</b><font style='float:right'>Here</font><br>
<b>Stat</b><font style='float:right'>Here</font><br>
<b>Stat</b><font style='float:right'>Here</font><br>
<b>Stat</b><font style='float:right'>Here</font><br>
</div>

<div class='words' div id='2'>
<h1>title.</h1>
words.
</div>

<div class='words' div id='3'>
<h1>title 2.</h1>
words 2.
</div>

<div class='words' div id='4'>
<h1>title 3.</h1>
words 3.
</div>

<a href="https://roleplay.chat/profile.php?user=wife"><div class="credit"></div></a>