gatomon code

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


	@font-face { font-family: digi; src:url('https://dl.dropbox.com/s/b2dh1sld35rs7kn/PixelDigivolve-mOm9.ttf?dl=0');}

	body { background: linear-gradient(45deg, #F5F5E5, #746099); cursor: url('https://64.media.tumblr.com/tumblr_lpwe47dWeJ1qepbs7.gif'), default; overflow: hidden;}

	.img {z-index: 2; pointer-events: none; position: absolute; bottom: 3vh; right: 5vw; height: 70.7vh; width: 30.5vw; background: url(https://i.ibb.co/vzVskjs/1RViJdL.png) no-repeat; background-size: cover; filter: drop-shadow(.8vh .8vh 0vh #746099) contrast(120%);}

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

	.container { position: absolute; bottom: 10vh; right: 21vw; height: 40vh; width: 35vw; background: #746099; border: solid 10px #fff;}

	.title {z-index: 1;  pointer-events: none; position: absolute; top: 36vh; right: 23.8vw; font-family: digi; color: #fff; font-size: 6vw; -webkit-text-stroke: 1px #746099; filter: drop-shadow(.5vh .5vh 0vh #fff5);}

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

	.inner2 { position: absolute; top: 1vh; left: 14vw; height: 19vh; width: 16vw; background: ; font-family: 'Yusei Magic', sans-serif; color: #fff8; font-size: 1.5vh; line-height: 1.8vh; text-align: justify; text-transform: uppercase; overflow: auto;}

	.inner3 { position: absolute; bottom: 1vh; left: 14vw; height: 19vh; width: 16vw; background: ; font-family: 'Yusei Magic', sans-serif; color: #fff8; font-size: 1.5vh; line-height: 1.8vh; text-align: justify; text-transform: uppercase; overflow: auto;}


	h1 {text-decoration: none; text-transform: uppercase; text-align: center; font-family: 'Changa', cursive; font-weight: 400; background-color: #fff; color: #000; padding-right: 0vw; padding-top: 1vh; padding-bottom: 1vh; padding-left: 1.6vw; font-size: 2vh; line-height: 2vh; letter-spacing: .3vw;  }

	::selection { background: transparent; color: transparent; text-shadow: 0px 0px 10px #fff;}

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

	U { text-decoration:none; text-transform:uppercase; font-family: 'changa', sans-serif; color :#F7FE5E; text-shadow: 0px 0px 5px #F7FE5E; font-size: 1.5vh; transition: all .7s ease-in-out; }

	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; }

	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/SNPWH.jpg'), default;}

	i { color: #dda0dd;}

	b { font-weight: 400; color: #7b68ee;}
</style>
<div class="img"></div>
<div class="texture"></div>
<div class="container"><div class="inner"><div style="border: 1px solid #fff; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style="border: 1px solid #fff; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style="border: 1px solid #fff; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style="border: 1px solid #fff; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style="border: 1px solid #fff; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style="border: 1px solid #fff; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style="border: 1px solid #fff; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style="border: 1px solid #fff; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div><br>
<div style="border: 1px solid #fff; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div><br></div>

<div class="inner2"><h1>header here</h1>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..
<h1>header here</h1>
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..</div>

<div class="inner3">
<h1>header here</h1>
<center><a target="_blank" href="profile link" title="friend blurb here if you want.">
<img src="https://i.gyazo.com/c6be074b47654b49dd04e34c2c0fdf43.png" style="width:72px;padding:4px;background-color:#F7FE5E;"></a>
<a target="_blank" href="profile link" title="friend blurb here if you want.">
<img src="https://i.gyazo.com/c6be074b47654b49dd04e34c2c0fdf43.png" style="width:72px;padding:4px;background-color:#F7FE5E;"></a>
<a target="_blank" href="profile link" title="friend blurb here if you want.">
<img src="https://i.gyazo.com/c6be074b47654b49dd04e34c2c0fdf43.png" style="width:72px;padding:4px;background-color:#F7FE5E;"></a></center>
<h1>header here</h1>
<ul><li>code made for <i>gatomon</i> by <a target="_blank" href="https://roleplay.chat/profile.php?user=scoob">scoob</a> for their usage only. if you'd like a code of your own, send them mail.</li>
<li><b>bold</b> <i>italic</i> <u>underline</u> <a title="words here.">hover</a> <a target="_blank" href="">link</a></li></ul></div></div>
<div class="title">title here</div>