Styles for link and code block in single page

assets/css/single.css

@@ -33,20 +33,38 @@ main #metadata #share {
   cursor: pointer;
 }
 
-main h2,
-main h3,
-main h4 {
+main #content h2,
+main #content h3,
+main #content h4 {
   margin-bottom: 1rem;
 }
 
-main p,
-main ul,
-main ol,
-main img,
-main figure {
+main #content p,
+main #content ul,
+main #content ol,
+main #content img,
+main #content figure,
+main #content .highlight {
   margin-bottom: 2rem;
 }
 
+main #content a {
+  color: var(--crimson);
+}
+
+main #content .highlight pre,
+main #content .highlight div {
+  border-radius: 0.75rem;
+}
+
+main #content .highlight div {
+  padding: 2rem 1rem;
+}
+
+main #content .highlight pre {
+  padding: 0rem;
+}
+
 @media only screen and (max-width: 1024px) {
   main #metadata h1 {
     font-size: 2.5rem;

content/blog/another-post/index.md

@@ -6,6 +6,12 @@ date: 2023-10-18
 
 ## Hi
 
+[Link](https://google.com)
+
+{{< highlight scala "lineNos=true">}}
+    case class Hello
+{{< /highlight >}}
+
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor nulla sed mi faucibus, non commodo nulla malesuada. Aliquam sem lectus, sodales sit amet cursus ac, auctor quis dolor. Pellentesque ac metus vulputate, scelerisque nunc id, mollis est. Duis nec nisi feugiat, sagittis enim vitae, tincidunt metus. Nulla vitae laoreet quam. Integer tortor erat, dictum vel placerat ultricies, eleifend eu risus. Nam sit amet finibus dui. Cras malesuada ligula a maximus sagittis. Proin sed tortor consectetur, vestibulum mauris at, auctor orci. Quisque blandit lectus sollicitudin hendrerit euismod.
 
 ### Greetings