#F4CD8E | #F38800 | #F20508 | #BE0403 | #590300
- Code:
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:300i|Roboto:300" rel="stylesheet"><style>.raiseupandrise::selection { background: none; color: #ffffff; }.flickeringinthesky::selection { background: none; color: #ffffff; }.flickeringinthesky i::selection { background: none; color: #ffffff; }.flickeringinthesky b::selection { background: none; color: #ffffff; }.higherhigher {height: 550px;width: 550px;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);background-image: url('https://i.imgur.com/dYwoG9m.gif');position: relative;}.firefire {height: 330px;width: 330px;box-sizing: border-box;background: black;margin-top: -440px;position: relative;}.raiseupandrise {font-family: 'Fira Sans', sans-serif;font-size: 54px;color: #8a8a8a;width: 330px;height: 65px;display: block;box-sizing: border-box;background: black;padding-top: 22px; }.flickeringinthesky {height: 261px;width: 330px;-webkit-columns: 330px;box-sizing: border-box;overflow: auto;text-align: justify;color: #6d6d6d;text-transform: lowercase;font-family: 'Roboto', sans-serif;font-size: 15px;}.flickeringinthesky i { color: #a53a13; }.flickeringinthesky b { color: #a53a13; }.flickeringinthesky::-webkit-scrollbar { width: 0px; }.embersfall { margin-bottom: 110px; }.embersfall:hover .specklesoflightdim {transition: margin 1.3s ease, opacity .4s ease .7s;margin-top: -345px;margin-bottom: 330px;opacity: 0;}.embersfall:hover .andthefurnaceends {transition: all 1.3s ease;height: 330px;opacity: 1;margin-top: -330px;}.specklesoflightdim {transition: margin 1.3s ease .4s, opacity 1s ease .3s;height: 0px;width: 0px;box-sizing: border-box;position: relative;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #222222;margin-top: -15px;}.andthefurnaceends {transition: all 1.3s ease .4s;height: 0px;width: 330px;opacity: 0;box-sizing: border-box;position: relative;padding: 14px;background-color: #222222;border: 0px;overflow: auto;color: #666666;text-align: justify;text-transform: lowercase;font-family: 'Roboto', sans-serif;font-size: 15px;}.andthefurnaceends i { color: #ff7700; }.andthefurnaceends b { color: #ff7700; }.andthefurnaceends::-webkit-scrollbar { width: 0px; }</style><div align="center"><div class="higherhigher"></div><div class="firefire"><div class="raiseupandrise">m a t t h e w</div><div class="flickeringinthesky"><b>higher</b> higher,
fire <i>fire</i>,
raise up and rise,
flickering in the sky,
embers fall,
speckles of light dim,
and the furnace ends.
</div></div><div class="embersfall"><div class="specklesoflightdim"></div><div class="andthefurnaceends">[center]000 magoi <b>/</b> 000 magoi
000 stamina <b>/</b> 000 stamina
000 words <b>/</b> 000 words[/center]
[spoiler="Training"][/spoiler]
[spoiler="Job"][/spoiler]
[code]combat n notes n stuff[/code]
[spoiler="Beasts(s)"][/spoiler]
[spoiler="Item(s)"][/spoiler]
[spoiler="Abilit(y/ies) Used"][/spoiler][/center]</div></div></div>
Last edited by Matthew on 20/02/18, 01:33 am; edited 3 times in total