Initial commit

static/shared.css

@@ -0,0 +1,64 @@
+@font-face {
+  font-family: ProtoRegular; 
+  src: url(0xProtoNerdFont-Regular.ttf); 
+}
+
+@font-face {
+  font-family: ProtoBold; 
+  src: url(0xProtoNerdFont-Bold.ttf); 
+}
+
+
+
+
+
+  :root {
+    --text: #141f06;
+    --background: #fafdf5;
+    --background-dark: #d4ddc5;
+    --background-alpha: #fafdf5ba;
+    --primary: #8ed42f;
+    --primary-soft: #d3f7a1;
+    --primary-dark: #6fb12d;
+    --secondary: #8de897;
+    --accent: #5fde81;
+
+  }
+  
+
+
+
+body {
+  font-family: 'ProtoRegular';
+  font-weight: 400;
+  background-color: var(--background);
+  color:var(--text)
+}
+
+body {
+  opacity: 1;
+  background-image: radial-gradient(var(--secondary  ) 1px, transparent 1px), 
+                    radial-gradient(var(--accent) 1px, var(--background) 1px);
+  background-size:  23px 23px;
+  background-position: 0 0,28px 28px;
+}
+
+h1, h2, h3, h4, h5 {
+  font-family: 'ProtoBold';
+  font-weight: 500;
+  
+}
+
+html {font-size: 100%;} /* 16px */
+
+h1 {font-size: 4.210rem; /* 67.36px */}
+
+h2 {font-size: 3.158rem; /* 50.56px */}
+
+h3 {font-size: 2.369rem; /* 37.92px */}
+
+h4 {font-size: 1.777rem; /* 28.48px */}
+
+h5 {font-size: 1.333rem; /* 21.28px */}
+
+small {font-size: 0.750rem; /* 12px */}