blockquote and code styling

src/assets/base.scss

@@ -81,6 +81,15 @@ a {
   color: var(--color-text);
 }
 
+p,
+blockquote {
+  margin-bottom: 1rem;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
 h1,
 h2,
 h3,
@@ -109,4 +118,11 @@ strong {
 
 code {
   font-family: var(--code-font-family);
+  font-size: 16px;
+}
+
+blockquote {
+  padding: 2rem;
+  border-radius: 0.3em;
+  background-color: #574b90;
 }

src/components/architecture/crc-card.vue

@@ -41,7 +41,7 @@ withDefaults(defineProps<Props>(), {
   background-color: #561b00;
   padding: 1rem;
   margin: 1rem 0;
-  border-radius: 15px;
+  border-radius: 0.3em;
   font-family: var(--code-font-family);
 
   hr {

src/layouts/post.vue

@@ -40,10 +40,6 @@ h7 {
   margin-bottom: 0.5rem;
 }
 
-p {
-  margin-bottom: 1rem;
-}
-
 img {
   width: 100%;
   max-height: 40vh;