css correction, fixed overlapping text when browser window resizes

css/style.css

@@ -1,23 +1,14 @@
 body {
 	font-style: normal;
 	font-size:100%;
-	font-family:'Exo', cursive, arial, sans-serif;
+	font-family:'Exo', arial, sans-serif;
 }
 
 #container {
 	margin-top:16px;
 	margin-left:10px;
 }
 
-#footnote{
-    position:absolute;
-    bottom:0;
-    margin-left:20;
-    color:#3e4b2e;
-    margin-bottom:40px;
-    width:100%;
-}
-
 #contactme{
     position:absolute;
     top:200;

index.html

@@ -28,8 +28,6 @@ <h2 class="header">Software Programmer | Musician</h2>
 
             <p>I frequently jam on sundays with a bunch of Rock Music enthusiasts. I play the piano and the drums. You can find my videos on my<b><a href="http://www.youtube.com/sushantkhurana/" target="_blank">Youtube</a></b> channel. <b> Email me: <a href="mailto:sushant@sukh.us" target="_blank">sushant@sukh.us</a> here in case you need to get in touch.</b></p>
 
-        </div>
-        <div id="footnote">
             <p>You can <b><a href="https://twitter.com/intent/tweet?status=check%20out%20http://www.sukh.us,%20the%20personal%20web%20page%20of%20@5uku5" target="_blank">TWEET</a></b> about me or share it on <b><a target='_blank' href="http://www.facebook.com/sharer.php?u=www.sukh.us">FACEBOOK</a></b></p>
         </div>
     </body>