Change in CSS and about page

Author: gauravkukade

_config.yml

@@ -18,7 +18,7 @@ authors:
     display_name: Gaurav Kukade
     gravatar: 4cb49146376b1ef2b46181f2388655ca
     email: gaurav@coderolls.com
-    web: https://www.linkedin.com/in/gauravkukade/
+    web: https://twitter.com/gdkukade
     twitter: https://twitter.com/gdkukade
     description: "Hi 👋🏼 I'm Gaurav Kukade, a software developer. I write tutorials for Java programming language and related technologies."
 

_pages/about.md

@@ -17,7 +17,7 @@ let's find out what is coderolls.</p>
 
 <p>If you have any questions please feel free to reach us at hello@coderolls.com</p>
 
-<p>Follow coderolls on <a target="_blank"  href="https://twitter.com/coderolls">Twitter <i class="fab fa-twitter"></i></a>, Facebook <i class="fab fa-facebook-square"></i>, <a target="_blank" href="https://www.instagram.com/coderolls/">Instagram  <i class="fab fa-instagram"></i></a> and <a target="_blank" href="https://www.youtube.com/channel/UCl31HHUdQbSHOQfc9L-wo3w" >YouTube <i class="fab fa-youtube-square"></i></a>.</p>
+<p>Follow coderolls on <a target="_blank"  href="https://twitter.com/coderolls">Twitter <i class="fab fa-twitter"></i></a>,<a target="_blank"  href="https://fb.com/coderolls"> Facebook <i class="fab fa-facebook-square"></i></a>, <a target="_blank" href="https://www.instagram.com/coderolls/">Instagram  <i class="fab fa-instagram"></i></a> and <a target="_blank" href="https://www.youtube.com/channel/UCl31HHUdQbSHOQfc9L-wo3w" >YouTube <i class="fab fa-youtube-square"></i></a>.</p>
 
 <p></p>
 
@@ -45,7 +45,7 @@ let's find out what is coderolls.</p>
 
 <p>Get in touch with me at gaurav@coderolls.com 🙂</p>
 
-You can connect with me on <a href="https://linkedin.com/in/gauravkukade/">Linkedin <i class="fab fa-linkedin"></i></a>, <a href="https://twitter.com/GDKukade">Twitter <i class="fab fa-twitter"></i></a>, <a href="https://github.com/gauravkukade">GitHub <i class="fab fa-linkedin"></i></a>, <a href="https://www.facebook.com/gdkukade">Facebook <i class="fab fa-facebook"></i></a>, <a href="https://www.instagram.com/gauravdkukade">Instagram <i class="fab fa-instagram"></i></a> and <a href="https://medium.com/@gauravkukade">Medium <i class="fab fa-medium"></i></a>.
+You can connect with me on <a href="https://twitter.com/GDKukade">Twitter <i class="fab fa-twitter"></i></a>, <a href="https://github.com/gauravkukade">GitHub <i class="fab fa-linkedin"></i></a>, <a href="https://www.facebook.com/gdkukade">Facebook <i class="fab fa-facebook"></i></a>, <a href="https://www.instagram.com/gauravdkukade">Instagram <i class="fab fa-instagram"></i></a> and <a href="https://medium.com/@gauravkukade">Medium <i class="fab fa-medium"></i></a>.
 
 </div>
 

assets/css/screen.css

@@ -305,7 +305,7 @@ span.post-read-more a:hover {
 }
 
 .mainheading h1.sitetitle {
-    font-family: Roboto;
+    font-family: -apple-system,  system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 
 .mainheading h1.posttitle {
@@ -330,7 +330,7 @@ span.post-read-more a:hover {
 }
 
 .article-post {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-family: -apple-system,  system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-size: 1.1rem;
     line-height: 1.84;
     color: rgba(0, 0, 0, .8);
@@ -685,7 +685,7 @@ h3,
 h4,
 h5,
 h6 {
-    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
 }
 
 .article-post .h1,
@@ -711,7 +711,7 @@ h6 {
 }
 
 .layout-page .article-post {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-family: -apple-system,  system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-size: 1rem;
 }