<center><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<img src="https://24.media.tumblr.com/8c0a4fb7d1e2a1376e75142605e1aded/tumblr_n1048rFJzD1rpak1xo7_250.png" class="shoticon"><p>
<div class="shottext">
It was Saturday, in the middle of the day, and the sixteen year old had arrived to Starlight Academy more than halfway through the school year. He had moved from family to family—and school to school—so many times that it didn’t even phase him anymore.
<p>
He wore his backpack slung over one shoulder and lugged a suitcase behind him as he walked from the administration to the dorms. Although he had often gone from school to school (and had skipped his classes most of the time), the teenager had never actually been to a boarding school before.
<p>
This wasn’t the same old, same old. He had been enrolled into the academy by his mentor and, he supposed, adopted ‘father’—Rosco. Rosco was the first person who had ever meant anything to him. He respected him, looked up to him, and believed him when he told him that Starlight Academy was the right direction.
<p>
Still, he was not a people person. Gareth Wise had never been a people person. In fact, he hated people and couldn’t stand the sight of them. So, in other words, this was going to be hard. This was going to be harder than ‘hard’—this was going to be ridiculously difficult. And he was not looking forward to having to share his personal space with another student.
<p>
He had never gotten along with the other boys when he was living in the foster home. Well, he had never really gotten along with anyone.
<p>
Gareth stopped as he reached room number 304 and released his suitcase in order to retrieve the key ring with a set of keys hiding inside his jacket pocket. He picked the key to the room then unlocked and opened the door to step into his new living quarters.
</div><div class="shotbody">
<div class="shottag">Gareth & Skyler</div>
<table width="325px" cellpadding="0" cellspacing="0" style="margin-top: -3px; border-collapse: collapse; border-spacing: 0;">
<tr><td vAlign="top"><div class="shot1">M</div>
</td><td vAlign="top"><div class="shot2">A</div></td>
<td vAlign="top"><div class="shot3">N</div></td>
<td vAlign="top"><div class="shot5"> </div></td>
<td vAlign="top"><div class="shot6">O</div></td>
<td vAlign="top"><div class="shot7">N</div></td>
<td vAlign="top"><div class="shot8"> </div></td>
<td vAlign="top"><div class="shot9">F</div></td>
<td vAlign="top"><div class="shot10">I</div></td>
<td vAlign="top"><div class="shot11">R</div></td>
<td vAlign="top"><div class="shot12">E</div></td>
<td vAlign="top"><div class="shot13">.</div></td></tr></table>
<div class="shotsub">going down in a blaze</div>
<div class="shotsub" style="margin-top: -5px; color: #e5e5e5;">by dali of fts</div></div><p>
<style>
.shoticon { border: 8px solid #BA0009; background-color: #BA0009; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .shottext { height: 250px; width: 250px; padding: 15px 10px 15px 15px; color: #000; background-color: #fafafa; border: 25px solid #252525; overflow: auto; font-size: 10px; text-align: justify; font-family: arial; line-height: 12px; } .shottext::-webkit-scrollbar {width: 05px;} .shottext::-webkit-scrollbar-track {background-color: #ffffff;} .shottext::-webkit-scrollbar-thumb {background-color: #BA0009;} .shotsub { font-family: courier new; font-size: 10px; color: #666666; letter-spacing: 5px; text-transform: uppercase; text-align; center; } .shotbody { width: 325px; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shottag { background-color: #BA0009; text-align: center; color: #fafafa; font-family: courier new; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; line-height: 25px; height: 0px; overflow: hidden; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover .shottag { background-color: #ec7962; height: 25px; padding-bottom: 5px; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot1 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot1 { border-top: 19px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot2 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot2 { border-top: 8px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot3 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot3 { border-top: 22px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot4 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot4 { border-top: 13px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot5 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot5 { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot6 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot6 { border-top: 32px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot7 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot7 { border-top: 10px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot8 { width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot8 { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot9 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot9 { border-top: 24px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot10 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot10 { border-top: 11px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot11 {padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot11 { border-top: 39px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot12 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot12 { border-top: 26px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot13 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot13 { border-top: 7px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
</style>
</center>
<img src="https://24.media.tumblr.com/8c0a4fb7d1e2a1376e75142605e1aded/tumblr_n1048rFJzD1rpak1xo7_250.png" class="shoticon"><p>
<div class="shottext">
It was Saturday, in the middle of the day, and the sixteen year old had arrived to Starlight Academy more than halfway through the school year. He had moved from family to family—and school to school—so many times that it didn’t even phase him anymore.
<p>
He wore his backpack slung over one shoulder and lugged a suitcase behind him as he walked from the administration to the dorms. Although he had often gone from school to school (and had skipped his classes most of the time), the teenager had never actually been to a boarding school before.
<p>
This wasn’t the same old, same old. He had been enrolled into the academy by his mentor and, he supposed, adopted ‘father’—Rosco. Rosco was the first person who had ever meant anything to him. He respected him, looked up to him, and believed him when he told him that Starlight Academy was the right direction.
<p>
Still, he was not a people person. Gareth Wise had never been a people person. In fact, he hated people and couldn’t stand the sight of them. So, in other words, this was going to be hard. This was going to be harder than ‘hard’—this was going to be ridiculously difficult. And he was not looking forward to having to share his personal space with another student.
<p>
He had never gotten along with the other boys when he was living in the foster home. Well, he had never really gotten along with anyone.
<p>
Gareth stopped as he reached room number 304 and released his suitcase in order to retrieve the key ring with a set of keys hiding inside his jacket pocket. He picked the key to the room then unlocked and opened the door to step into his new living quarters.
</div><div class="shotbody">
<div class="shottag">Gareth & Skyler</div>
<table width="325px" cellpadding="0" cellspacing="0" style="margin-top: -3px; border-collapse: collapse; border-spacing: 0;">
<tr><td vAlign="top"><div class="shot1">M</div>
</td><td vAlign="top"><div class="shot2">A</div></td>
<td vAlign="top"><div class="shot3">N</div></td>
<td vAlign="top"><div class="shot5"> </div></td>
<td vAlign="top"><div class="shot6">O</div></td>
<td vAlign="top"><div class="shot7">N</div></td>
<td vAlign="top"><div class="shot8"> </div></td>
<td vAlign="top"><div class="shot9">F</div></td>
<td vAlign="top"><div class="shot10">I</div></td>
<td vAlign="top"><div class="shot11">R</div></td>
<td vAlign="top"><div class="shot12">E</div></td>
<td vAlign="top"><div class="shot13">.</div></td></tr></table>
<div class="shotsub">going down in a blaze</div>
<div class="shotsub" style="margin-top: -5px; color: #e5e5e5;">by dali of fts</div></div><p>
<style>
.shoticon { border: 8px solid #BA0009; background-color: #BA0009; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .shottext { height: 250px; width: 250px; padding: 15px 10px 15px 15px; color: #000; background-color: #fafafa; border: 25px solid #252525; overflow: auto; font-size: 10px; text-align: justify; font-family: arial; line-height: 12px; } .shottext::-webkit-scrollbar {width: 05px;} .shottext::-webkit-scrollbar-track {background-color: #ffffff;} .shottext::-webkit-scrollbar-thumb {background-color: #BA0009;} .shotsub { font-family: courier new; font-size: 10px; color: #666666; letter-spacing: 5px; text-transform: uppercase; text-align; center; } .shotbody { width: 325px; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shottag { background-color: #BA0009; text-align: center; color: #fafafa; font-family: courier new; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; line-height: 25px; height: 0px; overflow: hidden; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shotbody:hover .shottag { background-color: #ec7962; height: 25px; padding-bottom: 5px; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot1 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot1 { border-top: 19px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot2 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot2 { border-top: 8px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot3 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot3 { border-top: 22px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot4 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot4 { border-top: 13px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot5 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot5 { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot6 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot6 { border-top: 32px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot7 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot7 { border-top: 10px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot8 { width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot8 { border-top: 5px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot9 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot9 { border-top: 24px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot10 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot10 { border-top: 11px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot11 {padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot11 { border-top: 39px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot12 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot12 { border-top: 26px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .shot13 { padding-top: 5px; width: 25px; text-align: center; font-family: oswald; font-size: 20px; text-transform: uppercase; color: #BA0009; border-top: 5px solid #BA0009; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } div.shotbody:hover .shot13 { border-top: 7px solid #ec7962; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
</style>
</center>