diff --git a/index.html b/index.html
index 34209b4..df0ebc0 100755
--- a/index.html
+++ b/index.html
@@ -11,11 +11,6 @@
 	<link href="style.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
-<div id='' style='background-color:#000; width:800px; height:1000px; position:relative'><!-- id='holder' -->
-
-  <div id='effect' style='position:absolute; width:800px; height:1000px'>
-  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
-<script src='https://cdnjs.cloudflare.com/ajax/libs/ismobilejs/0.4.1/isMobile.min.js'></script>
 <div class="content light-rays glow">
 <img width="100%" src="alien3.png" style="">
 <div class="glow" style="margin-top: -15.5rem; opacity: 30%;">
@@ -29,14 +24,14 @@
     </div>
   </div>
 </div>
-
-  <p class="text">
+<div id='effect' style='position:absolute; width:800px; height:300px'>
     I wanted to make a Gooey Marquee type effect, tried a couple of things, and ended up using two layers of text, one with the effect, and a clean one on top so that the text remains readable.
-  </p>
 </div>
+  
 </div>
+<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
+<script src='https://cdnjs.cloudflare.com/ajax/libs/ismobilejs/0.4.1/isMobile.min.js'></script>
 
-</div>
 <script id="rendered-js" >
 $(document).ready(function () {
 
