add menu

assets/scss/colors.scss

@@ -0,0 +1,23 @@
+$backgroundcolor:   #ffe7d6;
+$foregroundcolor: #73464c;
+$linkcolor: #ab5675;
+$active:  #72dcbb;
+
+body {
+    background-color: $backgroundcolor;
+    color: $foregroundcolor;
+}
+
+a {
+    background-color: $linkcolor;
+    color: $backgroundcolor;
+}
+
+a.footer-nav-item.active{
+    color: $linkcolor;
+}
+
+footer, footer a{
+    background-color: $foregroundcolor;
+    color: $backgroundcolor;
+}

assets/scss/font.scss

@@ -0,0 +1,18 @@
+@font-face {
+    font-family: CaskaydiaCove;
+    src: url(/font/CaskaydiaCove.ttf);
+}
+
+* {
+    font-family: CaskaydiaCove;
+    font-size: 16pt;
+    }
+h1 {font-size: 42pt;}
+
+a {
+    text-decoration: none;
+}
+
+footer {
+    font-size: 20pt;
+}

assets/scss/layout.scss

@@ -0,0 +1,30 @@
+html, body {
+    height: 100%;
+    flex: auto;
+}
+
+footer {
+    height: 10%;
+    min-height: 24pt;
+    position: sticky;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+#footer-content{
+    width: 100%;
+}
+
+#content {
+    min-height:90%;
+}
+
+#footer-right{
+    justify-self: right;
+}
+
+* {
+    padding: 0;
+    margin: 0;
+}

assets/scss/main.scss

@@ -1 +1,3 @@
-*{color:red;}
+@import "./colors";
+@import "./font";
+@import "./layout";