Moved big header to home page.

index.html

@@ -26,13 +26,14 @@
         <div id="home-image-container">
             <a data-scroll href="#about"><img src="resources/citra-icns-multicolor/citra-512.png" /></a>
         </div>
-    </div>
-    
-    <div id="about" class="page">
+        
         <h1 class="name-header">Citra</h1>
         <h2 class="name-header">An Experimental 3DS Emulator</h2>
-        
+    </div>
+    
+    <div id="about" class="page">        
         <div class="content">
+            <h1>About Citra</h1>
             
             <h3>What is Citra?</h3>
             <p>Citra is a <b>work-in-progress</b> emulator for the Nintendo 3DS.</p>

style.css

@@ -65,6 +65,11 @@ header a:hover {
 	margin-left: -2%;
 }
 
+.content h1 {
+    text-align: center;
+    font-size: 32pt;
+}
+
 .content a {
     color: #F80;
     text-decoration: none;
@@ -93,8 +98,7 @@ p + ul {
 
 #home #home-image-container {
     margin: auto;
-    padding-top: 5vh;
-    padding-bottom: 5vh;
+    padding-top: 3vh;
     max-width: 512px;
     width: 70vw;
 }
@@ -104,25 +108,33 @@ p + ul {
     width: 100%;
 }
 
-/* ********************************************* */
-/* *** ABOUT *********************************** */
-
-#about .name-header {
+#home .name-header {
     text-align: center;
     margin: 0;
+    padding: 0;
+    
+    text-shadow:
+        -1px -1px 0 #FFF,
+         1px -1px 0 #FFF,
+        -1px  1px 0 #FFF,
+         1px  1px 0 #FFF;
 }
 
-#about h1.name-header {
-    margin-top: 15vh;
+#home h1.name-header {
+    margin-top: -150px;
     font-size: 10vw;
     color: #000;
 }
 
-#about h2.name-header {
+#home h2.name-header {
+    margin-bottom: 15vh;
     font-size: 5vw;
     color: #333;
 }
 
+/* ********************************************* */
+/* *** ABOUT *********************************** */
+
 #about {
     background-color: #efefef;
 }