change code font and smaller font size

src/app.ts

@@ -11,7 +11,7 @@ export default defineApp({
       link: [
         {
           rel: "stylesheet",
-          href: "https://fonts.googleapis.com/css2?family=Gulzar&family=Meow+Script&family=Cousine&display=swap",
+          href: "https://fonts.googleapis.com/css2?family=Gulzar&family=Meow+Script&family=Oxygen+Mono&display=swap",
         },
       ],
     }

src/assets/base.scss

@@ -37,7 +37,7 @@
   --section-gap: 160px;
   --primary: hsl(229, 90%, 28%);
 
-  --code-font-family: "Cousine", monospace;
+  --code-font-family: 'Oxygen Mono', monospace;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -71,7 +71,7 @@ body {
   line-height: 1.3;
   font-family: "Gulzar", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
     serif;
-  font-size: 22px;
+  font-size: 20px;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -109,4 +109,4 @@ strong {
 
 code {
   font-family: var(--code-font-family);
-}
+}