Fix background image and font boldness

Author: linkdotnet

LinkDotNet.Blog.Web/Shared/IntroductionCard.razor

@@ -2,7 +2,7 @@
 @inherits MarkdownComponentBase
 
 <div style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(@Introduction.BackgroundUrl);"
-     class="inverted-colors">
+     class="inverted-colors introduction-background">
     <div class="introduction-container">
         <div class="profile-picture" style="background-image: url(@Introduction.ProfilePictureUrl)">
 

LinkDotNet.Blog.Web/Shared/IntroductionCard.razor.css

@@ -1,7 +1,10 @@
-.introduction-container {
-    padding-top: 78px;
+.introduction-background {
     background-repeat: no-repeat;
     background-size: cover;
+}
+
+.introduction-container {
+    padding-top: 78px;
     height: 438px;
     display: grid;
     grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr;

LinkDotNet.Blog.Web/wwwroot/css/basic.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+128+Text&display=swap');
 
 :root {