Add logo and adjust color

public/less/colors.less

@@ -1,5 +1,5 @@
 @bg-color: #fefefe;
 @fg-color: #323232;
 @darker-bg-color: #dcdcdc;
-@darker-fg-color: #000;
+@darker-fg-color: #0E4160;
 @link-color: #3366CC;

public/less/style.less

@@ -316,9 +316,10 @@ img {
 }
 
 .avatar img {
-  width: 20rem;
-  height: auto;
-  border-radius: 50%;
+  // width: 20rem;
+  // height: auto;
+  // border-radius: 50%;
+  margin-top: 5rem;
   @media only screen and (max-device-width: 768px) {
     width: 10rem;
   }
@@ -375,7 +376,7 @@ img {
 
 .centered {
   display: flex;
-  height: 250px;
+  height: 320px;
   align-items: center;
   justify-content: center;
   .about {
@@ -466,7 +467,7 @@ a:before, a:after {
   display: inline-block;
   width: 0;
   height: 2px;
-  background: #F30034;
+  background: #5CE0E6;
   transition: 0.5s;
 }