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;
+}