Dog commission

@import url('https://fonts.googleapis.com/css2?family=Changa&family=Darker+Grotesque&family=Rock+Salt&display=swap');


	body { background: linear-gradient(45deg, #bdc3c7, #000); overflow: hidden; cursor: url('https://64.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), default;}

	.texture { position: absolute; top: 0vh; left: 0vw; height: 100vh; width: 100vw; background-image: url("https://www.transparenttextures.com/patterns/black-twill.png"); opacity: .2;}

	.img { position: absolute; bottom: 10vh; right: 5vw; height: 31vh; width: 28vw; background: url('https://i.imgur.com/5EJF2JN.png') no-repeat; background-size: cover; border: solid 6px #000; filter: drop-shadow(.8vh .8vh 0vh #fff3);}

	.container { position: absolute; bottom: 3vh; right: 25vw; height: 15vh; width: 15vw; background: #393939; padding: 3vh; border: solid 1px #fff; font-family: 'Darker Grotesque', sans-serif; font-size: 1.5vh; color: #fff; line-height: 2vh; overflow: auto; text-align: justify; text-transform: uppercase;}

	.song{ position: absolute; bottom: 12vh; right: 5vw; z-index: 100; transition: all .7s ease-in-out; opacity: 1; filter: grayscale(100%); opacity: .5;} .song:hover { opacity: 1;}

	.songimg{ position: fixed; width: 4vw; height: 8vh; background-size: 8vh; background-image: url('https://static.food4rhino.com/s3fs-public/users-files/darcyz/resource/dogbiscuit.png'); background-repeat: no-repeat; z-index: 100;  background-color: transparent; opacity: 1; transition: all .7s ease-in-out;}


		U { text-decoration:none; text-transform:uppercase; font-family: 'changa', sans-serif; color :#fff; text-shadow: 0px 0px 5px #fff; font-size: 1.5vh; transition: all .7s ease-in-out; border: solid 1px #fff; padding-top: .2vh; padding-left: .2vw; padding-bottom: .2vh; padding-right: .2vw; background: #000; line-height: 4vh;}

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

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

	i { color: #999; text-shadow: 0px 0px 3px #999;}

	ul, li { list-style: none; text-shadow: none; text-align: ; font-size: 1.5vh;  padding: 0vh; margin: 0vh;}

	li:before { content:"🞜";   font-size: 1.5vh; margin: 5px; }

</style>
<div class="texture"></div>
<div class="img"></div>
<div class="container"><u>stat</u> <u>stat</u> <u>stat</u> <u>stat</u> <u>stat</u> <u>stat</u> <u>stat</u>
<p>Hodor. Hodor hodor, hodor. Hodor hodor hodor hodor hodor. Hodor. Hodor! Hodor hodor, hodor; hodor hodor hodor. Hodor. Hodor hodor; hodor hodor - hodor, hodor, hodor hodor. Hodor, hodor. Hodor. Hodor, hodor hodor hodor; hodor hodor; hodor hodor hodor! Hodor hodor HODOR! Hodor hodor... Hodor hodor hodor...<p></p>
<ul><li>code made for <i>The Dog</i> by <a target="_blank" href="">scoob</a> for their usage only.</li>
<li>ooc line.</li>
<li>ooc line.</li>
<li>ooc line.</li>
<li>ooc line.</li></ul></div>
<div class="song"><div class="songimg"><audio controls style="opacity: 0;"><source src="song link"></audio></div></div>