@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Fjalla+One&display=swap');


	body { background: #CF4F33; cursor: url('https://64.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), default;}

	.image {
		position: absolute;
		bottom: 0vh;
		left: 0vh;
		height: 80vh;
		width: 40vw;
		background: url('https://cdn.discordapp.com/attachments/478793307166736384/782128026892107826/krypto_boy.png') no-repeat;
		background-size: cover;
		filter: drop-shadow(.8vh .8vh 0vh #000);

	}


	.box {
		z-index: 1000;
		position: absolute;
		top: 10vh;
		left: 33vw;
		width: 15vw;
		height: 30vh;
		clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 51% 75%, 21% 100%, 26% 75%, 0% 75%);
		background: #3F3F3F;
	}

	.inner {
		position: absolute;
		top: 2vh;
		left: 1vw;
		height: 18vh;
		width: 26vh;
		font-family: 'Fjalla One', sans-serif;
		overflow: auto;
		text-transform: uppercase;
		text-align: justify;
		color: #fff;
		font-size: 14px;
		background: ;

	}

	::-webkit-scrollbar {
 height: 10px;
 width: 2px;
 background-color: #transparent;
 border-radius:4px;
}


	a, a:link, a:visited {
color: #888;
letter-spacing:1px;
text-decoration:none;
transition:0.7s;}

a:hover{
color: #fff;
text-decoration: inherit;
transition: 0.7s;
	cursor: url('https://64.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), default;}

	::selection {
background:transparent;
color: transparent;
text-shadow: 0 0 5px white;}
	</style>
	<div class="image"></div>
	<div class="box"><div class="inner">box scrolls put w/e you want. <a target="_blank" href="">link</a></div></div>