VXR Nyles Poster

[doHTML]
<style>
@font-face {
  font-family: Satisfy; font-style: normal; font-weight: 400;
  src: url(https://fonts.gstatic.com/s/satisfy/v6/2OzALGYfHwQjkPYWELy-cw.woff2);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

#nyles-box h1 > i {
font-size: 16px; position: relative; top: -5px; letter-spacing: 15px; color: #999;
}

#nyles-box h1 > b {
position: relative; top: -10px; text-shadow: 0 0 2px;
}

/* LOAP! Here are your colour hexes!
Red: #FF1C1C
Orange: #FF8C00
Green: #9DFF00
Blue: #00FFED
Purple (the best colour): #9900FF

*/

</style>

<div style="width: 100%; height: 100%; box-sizing: border-box; margin: 0; text-align: center; white-space: nowrap;" id="nyles-box">

<h1 style="background: rgba(0, 0, 0, 0.4); box-sizing: border-box; border: 1px solid #111; box-shadow: 0 0 2px 5px rgba(0, 0, 0, 0.2); font-family: Satisfy; font-size: 24px; color: #CCC; letter-spacing: 10px;"><b>NYLES</b>
<br><i>oh, this'll be fun</i></h1>

<ul style="list-style: none; width: 100%; margin: 0; padding: 0; position: relative; left: -5px;">
<li style="background: #FF1C1C; display: inline-block; width: 20%; margin: auto; height: 100%;">&nbsp;</li>
<li style="background: #FF8C00; display: inline-block; width: 20%; margin: auto; height: 100%;">&nbsp;</li>
<li style="background: #9DFF00; display: inline-block; width: 20%; margin: auto; height: 100%;">&nbsp;</li>
<li style="background: #00FFED; display: inline-block; width: 20%; margin: auto; height: 100%;">&nbsp;</li>
<li style="background: #9900FF; display: inline-block; width: 20%; margin: auto; height: 100%;">&nbsp;</li>
</ul>

<p style="border: 1px solid #111; box-shadow: 0 0 2px 5px rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.4); font-size: 12px; text-align: left; text-shadow: 0 0 1px; line-height: 120%; box-sizing: border-box; padding: 10px;">

TEXT HERE

</p>

<ul style="list-style: none; width: 100%; margin: 0; padding: 0; position: relative; left: -5px;">
<li style="background: #FF1C1C; display: inline-block; width: 20%; margin: auto; height: 100%;">&nbsp;</li>
<li style="background: #FF8C00; display: inline-block; width: 20%; margin: auto; height: 100%;">&nbsp;</li>
<li style="background: #9DFF00; display: inline-block; width: 20%; margin: auto; height: 100%;">&nbsp;</li>
<li style="background: #00FFED; display: inline-block; width: 20%; margin: auto; height: 100%;">&nbsp;</li>
<li style="background: #9900FF; display: inline-block; width: 20%; margin: auto; height: 100%;">&nbsp;</li>
</ul>

<h1 style="width: 100%; border: 1px solid #111; box-shadow: 0 0 2px 5px rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.4); box-sizing: border-box; padding: 5px; font-size: 11px; font-family: Satisfy;">[user=5,16]@Nyles Schultz[/user]</h1>
</div>
[/doHTML]