Sullivan

<style>

.pfor{display: none;}
#profile{background: transparent; border: 0px;}

body {background: black;
overflow: hidden;}

#whole{ position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
overflow: hidden;}

@font-face{
 font-family:'firstf'; src:url(https://dl.dropboxusercontent.com/u/4556289/yataghan.ttf);}

@font-face{
 font-family:'secondf'; src:url(https://dl.dropboxusercontent.com/u/4556289/evil_conspiracy_shadow.ttf);}

@font-face{
 font-family:'thirdf'; src:url(https://dl.dropboxusercontent.com/u/4556289/Moderne%20Fette%20Schwabache%20gesperrt%20UNZ1Ar.ttf);}

@font-face{
 font-family:'fourthf'; src:url(https://dl.dropboxusercontent.com/u/4556289/stitchesshadow.ttf);}

#sulli{position: absolute;
left: 800px;
right: 0px;
margin: auto;
top: 0px;
bottom: 0px;
  width: 450px;
  border: 0px solid white;
  z-index: 5;
  background-image:url(http://i57.tinypic.com/2wdrfw3.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom right;
}

#container{
position: absolute;
  top: 0px;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
  height: 700px;
  width: 1000px;
  border: 1px solid black;
  background-image:url(http://i57.tinypic.com/egpp2c.jpg);
background-size: 100% 100%;
}

#section1{position: absolute;
left: 0px;
top: 0px;
height: 164px;
width: 343px;
border: 0px solid white;
background: black;
background-size: 100% 100%;}

#section2{position: absolute;
bottom: 90px;
left: 10px;
height: 102px;
width: 160px;
border: 0px solid white;
background: black;
background-size: 100% 100%;}

#section3{position: absolute;
left: 400px;
bottom: 15px;
height: 213px;
width: 195px;
border: 0px solid white;
background: black;
background-size: 100% 100%;}

#section4{position: absolute;
top: 0px;
left: 345px;
height: 166px;
width: 370px;
border: 0px solid white;
background: black;
background-size: 100% 100%;}

#distortion{
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: 100% 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.blurring #distortion{
  -webkit-filter:blur(3px);
  opacity: 1;
}

.blurring:hover #distortion{
  -webkit-filter:blur(0px);
  -webkit-transition: all, opacity 1s 1s;
  transition: all 1s, opacity 1s .5s;
  opacity: .3;
}

#textile{
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 1;
  background-size: 100% 100%;
  background-image:url(http://i.giphy.com/ie8i93ZHdekwM.gif);
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-filter:blur(1px);
}


.blurring:hover #textile{
  opacity: .3;
}

#content{position: absolute;
  box-sizing: border-box;
  padding-top: 26px;
z-index: 0;
opacity: 0;
height: 100%;
width: 100%;
font-size: 20pt;
text-align: center;
  color: gray;
font-family:'fourthf';
-webkit-transition: all 1s;
transition: all 1s;}

.blurring:hover #content{
  -webkit-transition: all 1s .7s;
  transition: all 1s .7s;
  opacity:.5;}

.quickb{-webkit-filter:blur(2px);
blur:1px);}

</style>

<div id="whole">
<div id="sulli">
</div>
<div id="container">

  <div id="section1" class="blurring">
    <div id="distortion" style="background-image:url(http://i61.tinypic.com/2vt46ip.jpg);">
    </div>
    <div id="textile">
    </div>
    <div id="content" style="line-height: 40px;">HIS TIME IS NEAR<br>
    HIS WRATH WILL<br>
      BRING THE ENDING

    </div>
  </div>
  <div id="section2" class="blurring">
    <div id="distortion" style="background-image:url(http://i61.tinypic.com/x57evt.jpg);">
    </div>
    <div id="textile">
    </div>
    <div id="content" style="font-size: 14px; font-family:'secondf'; padding-left: 5px; padding-right: 5px; padding-top: 10px;">IN HIS EYE THERE IS SHOWN A FUTURE FREE OF THE <font style="-webkit-filter:blur(2px); color: red;">GOD</font> A NEW PATHWAY A NEW REALM A NEW
    </div>
  </div>

  <div id="section3" class="blurring">
    <div id="distortion" style="background-image:url(http://i57.tinypic.com/313pp1h.jpg);">
    </div>
    <div id="textile">
    </div>
    <div id="content" style="padding-top: 10px;">
      <font face='thirdf' style="-webkit-filter:blur(2px); line-height: 40px;">sullivan sullivan sullivan sullivan sullivan </font>
    </div>
  </div>

  <div id="section4" class="blurring">
    <div id="distortion" style="background-image:url(http://i61.tinypic.com/e5i8g5.jpg)">
    </div>
    <div id="textile">
    </div>
    <div id="content" style="font-size: 10px; font-family:'firstf'; padding-left: 10px; padding-right: 10px;">
      Look into your heart. Can you not see? His word is there. His word will guide you, so that you do not lose the way. He will watch you, so that your route is true and your step assured. He will lead your hand so<font class="quickb"> that your strike is quick</font> and <font class="quickb">your blow lethal</font>. He will drive the <font class="quickb" color=red>GOD</font> from you and so protect you from the <font class="quickb" color=red>GOD</font>. The<br><font class="quickb" color=red>GOD</font> does now own you, cannot lead you, will not guide you, can never see you.<Br>You owe them nothing, and by following HIM can be lead forever into the land of <font class="quickb">eternal sacrifice</font> where you may worship HIS name and <font class="quickb">die with the ENDING.</font>
    </div>
  </div>

</div>

  </div>