added main graph

index.html

@@ -7,7 +7,14 @@
 
 
     <script type="text/javascript" src="jquery-3.1.1.min.js"></script>
-
+    <style>
+    	#title{
+    		color= "black";
+    		margin-top = 1000px;
+    		z-index: 100;
+    		justify-content: center;
+    	}
+    </style>
     <link rel="stylesheet" type="text/css" href="main.css">
     <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
 
@@ -17,11 +24,11 @@
 
 
     <div class="input">
-        <p class="title">Reflex
-        <font color="yellow" class="title">Accomplishing goals in a better way</font>
+        <p class="title">ReFlex
+        <font color="yellow" class="title">Accomplishing Goals In a Better Way</font>
         </p>
 
-        <p class="inputs">Welcome to Relfex Fitness!
+        <p class="inputs">Welcome to ReFlex Fitness!
             <br>
             <a href="planePage.html"><button id="begin">Begin Process</button></a>
             <br>

main.css

@@ -14,9 +14,9 @@ body {
     position: absolute;
     height: 100%;
     width: 100%;
-    background-image: url(pics/indexbg.jpg);
+    background-image: url(https://images.unsplash.com/photo-1512291152593-07033c65b791?auto=format&fit=crop&w=987&q=80s);
     background-repeat: no-repeat;
-    background-size: cover;
+    background-size: width= 100% height= 100%
 }
 
 div.input {
@@ -28,9 +28,9 @@ div.input {
 }
 
 p.title {
-    margin: 0;
-    padding: 0;
-    height: 100px;
+    margin: 10;
+    padding: 10;
+    height: 120px;
     width: 70%;
     text-align: center;
     position: absolute;
@@ -40,7 +40,7 @@ p.title {
     transform: translate(-50%, -50%);
     font-family: 'Open Sans Condensed', sans-serif;
     font-size: 150px;
-    color: papayawhip;
+    color: #D7CCC8 ;
 }
 font.title {
     margin: 0;
@@ -55,7 +55,7 @@ font.title {
     transform: translate(-50%, -50%);
     font-family: 'Courier New';
     font-size: 20px;
-    color: yellow;
+    color: #FFB74D;
 }
 
 p.inputs   {