change layout and code font familyt

src/assets/base.scss

@@ -36,6 +36,8 @@
 
   --section-gap: 160px;
   --primary: hsl(229, 90%, 28%);
+
+  --code-font-family: "Cousine", monospace;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -66,7 +68,7 @@ body {
   color: var(--color-text);
   background: var(--color-background);
   transition: color 0.5s, background-color 0.5s;
-  line-height: 1.6;
+  line-height: 1.3;
   font-family: "Gulzar", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
     serif;
   font-size: 22px;
@@ -104,3 +106,7 @@ h2 {
 strong {
   font-weight: bold;
 }
+
+code {
+  font-family: var(--code-font-family);
+}

src/components/architecture/crc-card.vue

@@ -42,7 +42,7 @@ withDefaults(defineProps<Props>(), {
   padding: 1rem;
   margin: 1rem 0;
   border-radius: 15px;
-  font-family: 'Cousine', monospace;
+  font-family: var(--code-font-family);
 
   hr {
     margin-bottom: 1rem;

src/layouts/post.vue

@@ -20,7 +20,7 @@ const { frontmatter } = usePage()
 }
 
 article#main-article {
-  max-width: 680px;
+  max-width: 740px;
   margin: auto;
   padding: 1rem;
   text-align: justify;
@@ -40,6 +40,10 @@ h7 {
   margin-bottom: 0.5rem;
 }
 
+p {
+  margin-bottom: 1rem;
+}
+
 img {
   width: 100%;
   max-height: 40vh;