styling: fixing up the front page (symbols, desc, etc)

index.html

@@ -16,13 +16,13 @@
         <div class="photo"></div>
     </div>
 
-    <h1 id="frntheader"> jules! </h1>
+    <h1 id="frntheader"> hello! </h1>
 
     <div id="frnttext">
-        <h2> yap yap yap yap yap yap </h2>
-        <h2> another yapping another yapping more yapping </h2>
-        <h2> wow! there's even more :D isn't that great :] </h2>
-        <h2> okay one more. </h2>
+        <h2> thanks for stopping by! :] </h2>
+        <h2> my name is jules (he/she/they) and this is my webpage! it houses my portfolio, ranging from: </h2>
+        <h2> <s>painstaking</s> cs/engineering experiments &#9728; <br> - to - <br> abstract artistic amalgamations &#9789; </h2>
+        <h2> JOIN ME and learn what i'm pursuing in real-time &#x2661; </h2>
     </div>
 
 

style.css

@@ -28,7 +28,7 @@ body {
     height: 350px;
     width: 250px;
     position: absolute; /* figure out why absolute vs. relative positioning (there's a reason i just forgot) */
-    top: 175px;
+    top: 200px;
     left: 400px;
 }
 
@@ -49,21 +49,21 @@ body {
     font-family: ProximaNovaRegular;
     font-weight: bold;
     font-size: 70px;
-    letter-spacing: 2px;
     position: relative;
-    top: 125px;
-    left: 700px;
+    top: 150px;
+    left: 675px;
 }
 
 #frnttext {
     font-family: ProximaNovaLight;
+    font-size: 15px;
     background-color: rgba(34, 35, 47, 0);
-    text-align: justify;
+    text-align: left;
     height: 400px;
-    width: 300px;
+    width: 500px;
     position: relative;
-    top: 100px;
-    left: 690px;
+    top: 115px;
+    left: 675px;
 }
 
 /* class for buttons, styling! */