Feat - Add footer and other updates

styles/globals.scss

@@ -24,6 +24,7 @@ a {
 }
 
 .container {
+  position: relative;
   min-height: 100vh;
   max-width: 960px;
   min-width: 360px;
@@ -33,6 +34,15 @@ a {
 
 // Page Styles
 
+// UTILS
+.text-align-center {
+  text-align: center;
+}
+
+.text-underline {
+  text-decoration: underline;
+}
+
 // HEADER AREA
 .header {
   margin: 30px 0;
@@ -59,21 +69,32 @@ a {
   flex-direction: column-reverse;
   padding: 30px 0;
 
-  &__aside > img {
+  &__aside {
     text-align: center;
   }
 
-  &__greeting {
-    font-weight: 300;
-    font-size: 1.5em;
-    margin: 20px 0 10px;
+  &__author_name {
+    font-weight: 500;
+    font-size: 1.2em;
+    margin: 5px 0 30px;
   }
 
   &__description {
-    font-size: 0.9em;
+    font-size: 1em;
+    margin-bottom: 40px;
+    line-height: 1.5;
   }
 
   &__image {
-    width: 50%;
+    width: 30%;
+    border-radius: 50%;
   }
 }
+
+.footer {
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  font-size: 0.9em;
+  margin-bottom: 50px;
+}