<style>

@import url('https://fonts.googleapis.com/css?family=Bungee|Faster+One|Khand');

body {

 background-color: #730026;
 background-image: url(https://www.transparenttextures.com/patterns/gun-metal.png);
 background-attachment: fixed;
 background-position: center center;
 background-repeat: repeat;
 background-size: 12px;
 font-family: Times New Roman;
 font-size;70%;
 color: #666666;
}


::selection {
 color: #283335;
 background: #7D6E15;
}




::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #d6c10e;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3a539a;
}
::-webkit-scrollbar-thumb:active {
  background: #acc14a;
}
::-webkit-scrollbar-track {
  background: #721023;
  border: 0px none #ffffff;
  border-radius: 100px;
}
::-webkit-scrollbar-track:hover {
  background: #a3294a;
}
::-webkit-scrollbar-track:active {
  background: #4e1821;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

h1 {
 Color: 992418;
font-family: 'Bungee', cursive;
 text-align: center;

 font-size: 10px;
 Margin-top:-7px;
 Border-left: 10px solid #99901C;
 Border-right: 10px solid #99901C;
width: 130px;
padding: px;
}

#flash {
z-index:-5;
 position: fixed;
 top: 0px;
 left:274px;
 height:250px;
 width:200px;
 background-color: transparent;
 font-family: 'Fredericka the Great', cursive;
font size: 30px;
 overflow: hidden;
 border-left: 0px solid #945f1e;
 border-right: 0px solid #945f1e;
 border-top: 0px solid #945f1e;
 border-bottom: 0px solid #945f1e;
}

#text {
z-index:-5;
 position: fixed;
 top: 450px;
 left:120px;
 height:100px;
 width:600px;
 background-color: transparent;
font-family: 'Faster One', cursive;
font size: 30px;
 overflow: hidden;
 border-left: 0px solid #945f1e;
 border-right: 0px solid #945f1e;
 border-top: 0px solid #945f1e;
 border-bottom: 0px solid #945f1e;
color:#99901C;
}






#zipm {
z index: -3;
 position: fixed;
 top: 250px;
 left:104px;
 height:200px;
 width:550px;
 background-color: transparent;
 font-family: 'Fredericka the Great', cursive;
font size: 30px;
 overflow: hidden;
 border-left: 4px solid #945f1e;
 border-right: 4px solid #945f1e;
 border-top: 4px solid #945f1e;
 border-bottom: 4px solid #945f1e;

}



#zipm2 {
z index: 9;
 position: fixed;
font-family: 'Khand', sans-serif;
 top: 320px;
 left:126px;
 height:100px;
 width:495px;
 background-color: #591919;
padding: 10px;
font size: 10px;
 overflow: auto;
 border-left: 0px solid #945f1e;
 border-right: 0px solid #945f1e;
 border-top: 0px solid #945f1e;
 border-bottom:0px solid #945f1e;
opacity: 0.7;
color:#000000;
}




#zippo {
overflow: auto;

z-index:12;
 position: fixed;
 top: 204px;
 left:138px;
 height:100px;
 width:150px;
 background-color:18214A;
 font-family: 'Fredericka the Great', cursive;
font size: 30px;
 overflow: hidden;
opacity:0;
-webkit-transition: all 0.4s ease-in-out;
}

#zippo:hover {
 text-align: justify;
 border-left: 0px solid #945f1e;
 border-right: 0px solid #945f1e;
 border-top: 0px solid #945f1e;
 border-bottom:0px solid #945f1e;
position: fixed;
overflow: auto;
opacity:.6;
-webkit-transition: all 0.4s ease-in-out;
color: #C7AF21
}


#zippo2 {
overflow: auto;

z-index:12;
 position: fixed;
 top: 204px;
 left:308px;
 height:100px;
 width:150px;
 background-color:18214A;
 font-family: 'Fredericka the Great', cursive;
font size: 30px;
 overflow: hidden;
opacity:0;
-webkit-transition: all 0.4s ease-in-out;
}

#zippo2:hover {
 text-align: justify;
 border-left: 0px solid #945f1e;
 border-right: 0px solid #945f1e;
 border-top: 0px solid #945f1e;
 border-bottom:0px solid #945f1e;
position: fixed;
overflow: auto;
opacity:.6;
-webkit-transition: all 0.4s ease-in-out;
color: #C7AF21
}





#zippo3 {
overflow: auto;

z-index:12;
 position: fixed;
 top: 204px;
 left:478px;
 height:100px;
 width:150px;
 background-color:18214A;
 font-family: 'Fredericka the Great', cursive;
font size: 30px;
 overflow: hidden;
opacity:0;
-webkit-transition: all 0.4s ease-in-out;
}

#zippo3:hover {
 text-align: justify;
 border-left: 0px solid #945f1e;
 border-right: 0px solid #945f1e;
 border-top: 0px solid #945f1e;
 border-bottom:0px solid #945f1e;
position: fixed;
overflow: auto;
opacity:.6;
-webkit-transition: all 0.4s ease-in-out;
color: #C7AF21
}









#zip {
 position: fixed;
 top: 200px;
 left:134px;
 height:100px;
 width:150px;
 background-color: 000000;
 font-family: 'Fredericka the Great', cursive;
font size: 30px;
 overflow: hidden;
 border-left: 4px solid #945f1e;
 border-right: 4px solid #945f1e;
 border-top: 4px solid #945f1e;
 border-bottom: 4px solid #945f1e;

-webkit-box-shadow: -1px 0px 77px 0px rgba(0,0,128,1);
-moz-box-shadow: -1px 0px 77px 0px rgba(0,0,128,1);
box-shadow: -1px 0px 77px 0px rgba(0,0,128,1);


 -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
 animation: mymove .5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
 50% {border-right-width: 15px;
-webkit-box-shadow: -1px 0px 77px 0px rgba(0,0,0,0);
-moz-box-shadow: -1px 0px 77px 0px rgba(0,0,0,0);
box-shadow: -1px 0px 77px 0px rgba(0,0,0,0);

}
}

/* Standard syntax */
@keyframes mymove {
 50% {
-webkit-box-shadow: -1px 0px 77px 0px rgba(0,00,0);
-moz-box-shadow: -1px 0px 77px 0px rgba(0,0,0,0);
box-shadow: -1px 0px 77px 0px rgba(0,0,0,0);
}


}




#zip2 {
 position: fixed;
 top: 200px;
 left: 304px;
 height:100px;
 width:150px;
 background-color: 000000;
 font-family: 'Fredericka the Great', cursive;
font size: 30px;
 overflow: hidden;
 border-left: 4px solid #945f1e;
 border-right: 4px solid #945f1e;
 border-top: 4px solid #945f1e;
 border-bottom: 4px solid #945f1e;

-webkit-box-shadow: -1px 0px 77px 0px rgba(0,0,128,1);
-moz-box-shadow: -1px 0px 77px 0px rgba(0,0,128,1);
box-shadow: -1px 0px 77px 0px rgba(0,0,128,1);


 -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
 animation: mymove .5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
 50% {border-right-width: 15px;
-webkit-box-shadow: -1px 0px 77px 0px rgba(0,0,0,0);
-moz-box-shadow: -1px 0px 77px 0px rgba(0,0,0,0);
box-shadow: -1px 0px 77px 0px rgba(0,0,0,0);

}
}

/* Standard syntax */
@keyframes mymove {
 50% {
-webkit-box-shadow: -1px 0px 77px 0px rgba(0,00,0);
-moz-box-shadow: -1px 0px 77px 0px rgba(0,0,0,0);
box-shadow: -1px 0px 77px 0px rgba(0,0,0,0);
}


}









#zip3 {
 position: fixed;
 top: 200px;
 left: 474px;
 height:100px;
 width:150px;
 background-color: 000000;
 font-family: 'Fredericka the Great', cursive;
font size: 30px;
 overflow: hidden;
 border-left: 4px solid #945f1e;
 border-right: 4px solid #945f1e;
 border-top: 4px solid #945f1e;
 border-bottom: 4px solid #945f1e;

-webkit-box-shadow: -1px 0px 77px 0px rgba(0,0,128,1);
-moz-box-shadow: -1px 0px 77px 0px rgba(0,0,128,1);
box-shadow: -1px 0px 77px 0px rgba(0,0,128,1);


 -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
 animation: mymove .5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
 50% {border-right-width: 15px;
-webkit-box-shadow: -1px 0px 77px 0px rgba(0,0,0,0);
-moz-box-shadow: -1px 0px 77px 0px rgba(0,0,0,0);
box-shadow: -1px 0px 77px 0px rgba(0,0,0,0);

}
}

/* Standard syntax */
@keyframes mymove {
 50% {
-webkit-box-shadow: -1px 0px 77px 0px rgba(0,00,0);
-moz-box-shadow: -1px 0px 77px 0px rgba(0,0,0,0);
box-shadow: -1px 0px 77px 0px rgba(0,0,0,0);
}


}

#light {
z-index:50;
 position: fixed;
 top: 200px;
 left:-170px;
 height:300px;
 width:300px;
 background-color: transparent;
 font-family: 'Fredericka the Great', cursive;
font size: 30px;
 overflow: hidden;
 border-left: 0px solid #945f1e;
 border-right: 0px solid #945f1e;
 border-top: 0px solid #945f1e;
 border-bottom: 0px solid #945f1e;
 -webkit-transform: rotate(100deg);
}










#lightning {
z-index:50;
 position: fixed;
 top: 50px;
 left:564px;
 height:500px;
 width:200px;
 background-color: transparent;
 font-family: 'Fredericka the Great', cursive;
font size: 30px;
 overflow: hidden;
 border-left: 0px solid #945f1e;
 border-right: 0px solid #945f1e;
 border-top: 0px solid #945f1e;
 border-bottom: 0px solid #945f1e;

}






#lightning2 {
z-index:-50;
 position: fixed;
 top: 0px;
 left:100px;
 height:400px;
 width:400px;
 background-color: transparent;
 font-family: 'Fredericka the Great', cursive;
font size: 30px;
 overflow: hidden;
 border-left: 0px solid #945f1e;
 border-right: 0px solid #945f1e;
 border-top: 0px solid #945f1e;
 border-bottom: 0px solid #945f1e;
 -webkit-transform: rotate(10deg);
}

</style>

<div id="text">

<font size="30">The Fastest Man Alive.</font></div>

<div id="light">

<img src="http://i.picpar.com/Ka0c.png" width="300">
</div>



<div id="lightning">

<img src="http://i.picpar.com/Na0c.png" height="500">
</div>
<div id="lightning2">

<img src="http://i.picpar.com/Sa0c.png" height="400">
</div>




<div id="zippo">

<h1>header</h1>

<small><font size="1"><center><b>+</b>	Bartholomew  "Barry" Allen<br>
<b>+</b>23 years of age<br>
<b>+</b>Single/Speed dating<br>
<b>+</b>Forensic Detective
</div>




<div id="zippo2"><h1>OOC;</h1>
<small><font size="1"><center><b>+</b>Whatever<br>
<b>+</b>Whatever<br>
<b>+</b>whatever<br>
<b>+</b>Whatever<br>
<b>+</b>Coded by <a href="https://roleplay.chat/profile.php?user=The%20Aquaman"><font color="red">Arthur</a></font><br>
</div>



<div id="zippo3"><h1>Friends!</h1>
<small><font size="1"><center>


<br><br><b>None yet!</b>



</div>


<div id="zipm2">
<font size="1">
<p align="justify">
When he was a child, his mother was killed and his father was convicted of the crime. The drive to prove his father was innocent gave Barry a strong belief in justice.



During an electrical storm, Barry returned to an experiment after a short break. All of a sudden, a bolt of lightning streaked through a window, shattered a chemical cabinet and covered Barry in the electrified chemicals. Dazed, he decided to return home in a taxi. However, the taxi started to pull away without noticing him. Barry sprinted after it, only to run straight past it as if it had been standing still. The next day, Barry saved Iris from a stray bullet. There was no question about it: the freak accident had somehow given Barry superhuman speed!

</div>




<div id="zipm">


</div>


<div id="zip">
<center>
<img src="http://i.picpar.com/qa0c.gif" height="100">

</div>



<div id="zip2">
<center>
<img src="http://i.picpar.com/ra0c.gif" height="100">

</div>




<div id="zip3">
<center>
<img src="http://i.picpar.com/ua0c.gif" height="100">

</div>


<div id="flash">
<img src="http://i.picpar.com/xa0c.png" width="200">

</div>