chore - update styles

components/main/Main.js

@@ -1,7 +1,7 @@
 import mainStyles from './main.module.css';
 
 const Main = ({ children }) => {
-  return <main className={mainStyles.site__main}>{children}</main>;
+  return <main className={mainStyles.hero}>{children}</main>;
 };
 
 export default Main;

components/main/main.module.css

@@ -1,4 +1,10 @@
-.site__main {
+.hero {
   display: flex;
   justify-content: space-between;
 }
+
+.hero__greeting {
+  font-weight: 300;
+  font-size: 2.5em;
+  margin-bottom: 20px;
+}

components/navigation/NavBar.js

@@ -7,7 +7,7 @@ const NavBar = () => {
         <p>__init__</p>
         <ul>
           <li>blog</li>
-          <li>about</li>
+          <li>resume</li>
         </ul>
       </nav>
     </>

components/navigation/navigation.module.css

@@ -13,5 +13,5 @@
 }
 
 .site__navbar li:not(:last-child) {
-  margin-right: 30px;
+  margin-right: 25px;
 }