added project pages, updated page for FAM.

styles/gallery.css

@@ -1,6 +1,4 @@
 
-@import '../app/globals.css';
-
 .gallery-action-button {
   position: absolute; 
   width: 28;

styles/markdown-container.css

@@ -0,0 +1,70 @@
+
+.markdown-container{
+
+    p {
+        margin-bottom: 0.5em;
+        font-family: var(--sans);
+        font-size: 16;
+        line-height: 1.7;
+        color: var(--fg-secondary);
+        margin: 0 0 40px 0;
+        max-width: 560;
+    }
+
+    h1, h2, h3 {
+        font-family: var(--mono);
+        font-weight: 700;
+        color: var(--fg);
+        letter-spacing: -0.02em;
+    }
+
+    h1 {
+        margin-bottom: 1em;
+        margin-top: 0.5em;
+    
+    }
+
+    h2 {
+        margin-bottom: 0.5em;
+        margin-top: 0.5em;
+    }
+
+    img {
+        margin: 0 0 40px 0;
+    }
+
+    blockquote {
+        width: 100%;
+        text-align: center;
+        font-family: var(--sans);
+        font-size: 12;
+        color: var(--muted);
+    }
+
+    ul {
+        font-family: var(--sans);
+        list-style: inside;   
+        margin: 0 0 40px 0;
+    }
+
+    ul ul {
+        padding-left: 1em;
+        margin-bottom: 0;
+        color: var(--muted);
+    }
+
+    ul > li {
+       font-size: 14; 
+       margin: 0 5px 5px 0;
+    } 
+    
+    ul ul > li {
+       font-size: 12; 
+       margin: 0 5px 5px 0;
+    } 
+
+    pre {
+        font-family: var(--mono);
+        margin-bottom: 0.1em;
+    }
+}

styles/more-section.css

@@ -1,7 +1,4 @@
 
-.more-section-container {   
-     
-}
 .drop-handle {
     width: 100%;
     height: 2em;