change font size

app/views/app.css

@@ -1,5 +1,5 @@
 :root {
-  font-size: 12px;
+  font-size: 14px;
   --nc-font-sans: sans-serif;
   --nc-font-mono: monospace;
   --nc-lk-1: #1875d1;
@@ -9,11 +9,13 @@
 }
 
 body {
-  padding-inline: 1rem;
+  padding-inline: 0.75rem;
   max-inline-size: 80rem;
 }
 
 header {
+  padding-block: 1.25rem;
+  margin-bottom: 0.75rem;
   display: flex;
   align-items: center;
   justify-content: space-evenly;
@@ -21,6 +23,7 @@ header {
 
 header h1 {
   margin: 0;
+  font-size: 1.85rem;
 }
 
 header h1 > :is(a, a:hover) {
@@ -28,7 +31,7 @@ header h1 > :is(a, a:hover) {
 }
 
 header nav > * {
-  font-size: 1.55rem;
+  font-size: 1.25rem;
 }
 
 a[href^="/"] {

app/views/components/card.css

@@ -1,6 +1,7 @@
 .card {
   margin: unset;
-  padding: 1rem;
+  padding: 0.25rem 0.75rem;
+  font-size: 0.75rem;
   aspect-ratio: 1;
   box-sizing: border-box;
   overflow: hidden;
@@ -13,6 +14,7 @@
 }
 
 .card h2 {
+  margin: unset;
   padding: unset;
   font-size: unset;
 }

app/views/components/cards.css

@@ -1,7 +1,7 @@
 .cards {
   display: grid;
-  gap: 1rem;
-  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
+  gap: 0.75rem;
+  grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
 }
 
 .cards > a:hover::after {

app/views/components/editor.css

@@ -1,5 +1,6 @@
 .editor {
-  padding: 1rem;
+  padding: 0.75rem;
+  font-size: 1rem;
   box-sizing: border-box;
   background-color: var(--nc-bg-2);
   color: var(--nc-tx-2);
@@ -11,7 +12,7 @@
 
 .editor :is(h1, h2, h3, h4, h5, h6) {
   padding: unset;
-  font-size: unset;
+  font-size: 1.25rem;
 }
 
 .editor p {