Jest Code Commission

@import url('https://fonts.googleapis.com/css2?family=Changa&family=Yusei+Magic&display=swap');


    @font-face { font-family: outrun; src: url('https://dl.dropbox.com/s/uj0oq3rni3j9rf8/Outrun%20future.otf?dl=0');}

    body { background: #000; overflow: hidden; cursor: url('http://i.imgur.com/vl6y9.jpg'), default;}

    .pic { z-index: 1;  position: absolute; bottom: 10vh; right: 10vw; height: 50vh; width: 35vw; background: url('https://i.ibb.co/CKRJnRN/image.png') no-repeat; background-size: cover; filter: grayscale(100%) contrast(120%) brightness(60%) blur(.7px); outline: solid 10px #fff;}

    .pic2 { z-index: 2; pointer-events: none; position: fixed; bottom: 0vh; right: 9.5vw; height: 80vh; width: 20vw; background: url('https://i.ibb.co/n1dJ4cN/image.png') no-repeat; background-size: cover; filter: grayscale(100%) contrast(120%) drop-shadow(-.8vh .8vh 0vh #fff);}

    .text { position: absolute; top: 0vh; left: 0vw; height: 100vh; width: 100vw; background-image: url("https://www.transparenttextures.com/patterns/green-gobbler.png"); opacity: .1; z-index: -1;}

    .container { z-index: 1; position: absolute; bottom: 11.5vh; right: 25vw; height: 45vh; width: 18vw; background: #0009; padding: 1vh;}

    .inner { position: absolute; top: 6vh; left: 1vw; height: 39vh; width: 17vw; font-family: 'Yusei Magic', sans-serif; color: #eee; font-size: 1.5vh; overflow: auto; text-align: justify; text-transform: uppercase; line-height: .5vh;}

    .title { position: absolute; top: 35vh; right: 20vw; font-family: outrun; color: #000; font-size: 5vw; z-index: 100; pointer-events: none; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}

    .ooc { position: absolute; bottom: 7vh; right: 20vw; font-family: 'changa', sans-serif; font-size: 1.3vh; color: #fff; width: 25.5vw;}

    .music { background-image: url('https://i.pinimg.com/originals/b7/de/1e/b7de1edb4ab131e9db8e6eb69db593ff.png'); background-size: 5vh; background-repeat: no-repeat; opacity: .1; position: absolute; bottom: 0vw; right: 25vw; width: 3vw; height: 8vh; transition: all .55s ease-in-out; }

    .music:hover { opacity: .3;}

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

        U { text-decoration:none; text-transform: ; font-family: 'changa', sans-serif; color :#fff; font-size: 1.4vh; text-transform: uppercase;}

    r { line-height: 2vh;}

    i { color: #b22222;}

    b { font-weight: 400; color: #ed2939;}

    a { text-decoration: none; color: #fff; transition: all .55s ease-in-out;} a:hover { text-shadow: 0px 0px 10px #fff; cursor: url('http://i.imgur.com/ZJK7G.jpg'), default;}

</style>
<div class="pic"></div>
<div class="pic2"></div>
<div class="text"></div>
<div class="container"><div class="inner">
<div style=" padding: 5px; padding-bottom: .5vh;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style=" padding: 5px; padding-bottom: .5vh;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style=" padding: 5px; padding-bottom: .5vh;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style=" padding: 5px; padding-bottom: .5vh;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style=" padding: 5px; padding-bottom: .5vh;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style=" padding: 5px; padding-bottom: .5vh;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style=" padding: 5px; "><u>stat</u><font style="float:right;">answer</font></div><br>
<r><p>Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit​​, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium.
</p>Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit​​, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium.
</r>

</div></div>
<div class="title">title here</div>
<div class="ooc"><a target="_blank" href="https://roleplay.chat/profile.php?user=scoob">credit.</a> try not to put too much ooc. <i>italic</i> <b>bold</b> <a target="_blank" href="">link</a> <u>underline</u></div>
<div class="music"><audio controls="" style="position: absolute; left: 0vw; width:10vw;height:10vw;opacity: 0; bottom: 0vh;" loop="">
    <source src="music dropbox link here">
</audio></div>