add: info to about page, width to main page

frontend/src/pages/about.jsx

@@ -2,8 +2,24 @@ function About() {
   
     return (
       <>
-        <div>
-            <p>About</p>
+        <div className='text-white text-center flex flex-col w-1/2'>
+            <div className='m-4'>
+            <p className='text-2xl underline mb-2'>What is Deep Impact?</p>
+            <p>Deep impact is a web-app designed to give users insight into potential danger of asteroid impact. Using the NASA NeoWs API we have created a simulation tool to visualize incoming asteroids and various methods of asteroid deflection.</p>
+            </div>
+            <div className='m-4'>
+            <p className='text-2xl underline mb-2'>Our Team</p>
+            <ul>
+              <li>Daniel Smith-dePaz</li>
+              <li>Jordan Yamada</li>
+              <li>Pierre Bell</li>
+              <li>Michael Roy</li>
+              <li>Mickey Shoenberger</li>
+              <li>Jordan Edgington</li>
+            </ul>
+            </div>
+            <p className='italic m-4'>The Sky Is Falling!</p>
+            <p className='m-4'>To see learn more about Deep Impact, checkout our <a href='https://github.com/Team-Deep-Impact/Deep-Impact/blob/threats-page/frontend/src/pages/about.jsx' className='underline hover:text-red-900'>GitHub</a>.</p>
         </div>
       </>
     )

frontend/src/pages/main.jsx

@@ -4,7 +4,7 @@ function Main() {
   
     return (
       <>
-        <div>
+        <div className='w-7/12'>
             <h1 class="text-center text-2xl text-white my-5">Welcome to Deep Impact!</h1>
             <h2 class="text-center underline text-xl text-white my-5">Close Approaches</h2>
             <h3 class="text-xl text-white my-3">How close?</h3>