superboy

<style>
@import url('https://fonts.googleapis.com/css?family=Bree+Serif');

body{background-color: #ffb717;
background-image: url("https://www.transparenttextures.com/patterns/asfalt-light.png");}

.supes{position:fixed;bottom:0vh;left:0vh;z-index:1;}
.supes img {height:75vh;}

.content {position:fixed;top:48.5vh;left:77.5vh;width:35.7vh;height:24vh;overflow:auto;
font-family: 'bree serif';font-size: 2.5vh;line-height:2.5vh;text-align:left;color:#fff;z-index:2;}

.ooc {position:fixed;top:48.5vh;left:56vh;width:20vh;height:12vh;overflow:auto;
font-family: 'bree serif';font-size: 2.5vh;line-height:2.5vh;text-align:left;color:#fff;z-index:2;}

.friend1 {background:transparent;position:fixed;z-index:2;top:74vh;left:72.5vh;width:20vh;}
.friend1 img{;width:7vh;height:7vh;border-radius:100%;border:5px solid #0f407a;z-index:2;}

.friend2 {background:transparent;position:fixed;z-index:2;top:74vh;left:84vh;width:20vh;}
.friend2 img{;width:7vh;height:7vh;border-radius:100%;border:5px solid #0f407a;z-index:2;}

.friend3 {background:transparent;position:fixed;z-index:2;top:74vh;left:95.5vh;width:20vh;}
.friend3 img{;width:7vh;height:7vh;border-radius:100%;border:5px solid #0f407a;z-index:2;}

.friend4 {background:transparent;position:fixed;z-index:2;top:74vh;left:107vh;width:20vh;}
.friend4 img{;width:7vh;height:7vh;border-radius:100%;border:5px solid #0f407a;z-index:2;}

a {font-family: 'bree serif';font-size: 2.5vh;line-height:2.5vh;text-align:left;text-decoration:none;color:#4f4f68;}

::-webkit-scrollbar {width: 0px;}
::-webkit-scrollbar-track { background-color:transparent; }
::-webkit-scrollbar-thumb { background-color:transparent; }

</style>

<body>
<div class="friend1"><a target="_blank" href="https://roleplay.chat/profile.php?user=dang"><img src="https://i.gyazo.com/1c89416fb590203cd697edce760f6cad.png"></a></div>
<div class="friend2"><a target="_blank" href="https://roleplay.chat/profile.php?user=jon+kent"><img src="https://i.gyazo.com/464b54667d5c5fb0e57af098fb9eef06.png"></a></div>
<div class="friend3"><a target="_blank" href="https://roleplay.chat/profile.php?user=jt"><img src="https://i.gyazo.com/03d4a0d8d2400e4997c3e8dde0f7db15.png"></a></div>
<div class="friend4"><a target="_blank" href="https://roleplay.chat/profile.php?user=Cassandra+Sandsmark"><img src="https://i.gyazo.com/737de7a994bbc338bce260d68abf7bbb.png"></a></div>
<div class="supes"><img src="https://i.imgur.com/p4LhjoM.png"></div>
<div class="content">
After the death of Superman at the hands of a kryptonian monster named Doomsday, Project Cadmus Executive Director Paul Westfield wanted to create a clone replacement of Superman that would follow the agendas of Project Cadmus as well as his own personal agenda. After failed attempts to acquire Superman's DNA (which included an attempt to steal his corpse), Westfield decided to genetically alter a human clone to look like Superman and made the clone to be the closest human equivalent to a Kryptonian as they could based on their research.<br><br>

During their research when they had Superman's body, Westfield's scientists discovered a bio-electric aura surrounding Superman's body that provided some of Superman's powers such as invulnerability, flight through a form of self-telekinesis, protection from getting dirty and protection from skin-tight clothing to be damaged. The aura was translated into a telekinetic field for a human that would give the clone the ability to simulate Superman's powers such as flight, invulnerability, and strength. This was later known as "tactile telekinesis" by the scientists. After twelve failed attempts, the clone known as Experiment 13 was grown from a single cell to a teenage boy in less than a week and was a complete success. The clone was given implanted memories and underwent an artificial maturation process intended to match the age of the original Superman. This clone was released from his cloning tube too early, however, and emerged as a teenager. While at first calling himself "Superman", he would later be known as Superboy. [WIP]
</div>
<div class="ooc">
this is ooc<br>
1. rule here<br>
2. another rule goes here<br>
3. it scrolls so list as many rules as u want<br>
4. eee<br>
</div>
</body>