styling adjustments for play pong preview title and introduction para…

…graph

css/style.css

@@ -89,7 +89,7 @@ a {
     overflow: hidden;
     align-items: center;
     justify-content: center;
-    margin-right: calc(200px - 16vw);
+    margin-right: 12vw;
     cursor: pointer;
 }
 
@@ -184,7 +184,9 @@ a {
 }
 
 #pre-intro p {
-    margin: 0px 100px;
+    margin-left: 12vw;
+    margin-right: 12vw;
+    text-align: left;
 }
 
 p {
@@ -252,7 +254,8 @@ h3 {
 }
 
 .small-message {
-    margin-left: 135px;
+    margin-left: 12vw;
+    margin-right: 12vw;
     margin-top: 20px;
     text-align: left;
     font-size: medium;
@@ -326,7 +329,6 @@ footer {
     width: 5px;
     background-color: whitesmoke;
     position: relative;
-    margin-left: 2vw;
 }
 
 #isliderTwo{
@@ -335,6 +337,7 @@ footer {
     background-color: whitesmoke;
     position: relative;
     margin-left: 3vw;
+    margin-right: 12vw;
 }
 
 #iball {
@@ -516,7 +519,8 @@ footer {
 }
 
 #cupTitle {
-    margin: 0;
+    margin-left: 12vw;
+    margin-right: 0;
     padding: 20px 25px 20px 0px;
 }
 

index.html

@@ -69,7 +69,7 @@
         <p>hi, my name's faisal and this is one of the first websites i have ever made. i coded this using HTML, CSS, and javascript.</p>
         <p>i made this place to just introduce myself; go over what kind of person i am, the kinds of things i like, my hobbies and interests, as well as deeper things such as my life goals.</p>
     </div>
-        <p class="small-message">you can find my main (and formal) website over here: <a href="">link</a></p>
+        <p class="small-message">you can find my main (and formal) website over here: <a href="">COMING SOON</a></p>
 
 <!-- ======================= CUP PONG STUFF ======================= -->
 <!-- ============================================================== -->