+
+
+// Navigation
+
+#navigation li.s.off
+{
+ display: none;
+}
+#navigation li.s > a.selected,
+#navigation li.s > a.leaf,
+#navigation li.s > strong.selected,
+#navigation li.s > strong.leaf
+{
+ @extend .button;
+ @extend .is-primary;
+ @extend .is-rounded;
+ @extend .has-text-weight-bold;
+ @extend .mb-3;
+}
+#navigation li.s > a.leaf,
+#navigation li.s > strong.leaf
+{
+ color: #ccc;
+ background-color: #fff;
+}
+#navigation li.s > a.selected:after,
+#navigation li.s > a.leaf:after,
+#navigation li.s > strong.selected:after,
+#navigation li.s > strong.leaf:after
+{
+ content: "\f0a8";
+ padding-left: .5em;
+ margin-right: -.5em;
+ font-family: 'Font Awesome 5 Free';
+ font-weight: 900;
+ font-size: 2em;
+ -webkit-font-smoothing: antialiased;
+ display: inline-block;
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ line-height: 1;
+}
+#navigation li.s > a.leaf:after,
+#navigation li.s > strong.leaf:after
+{
+ color: #fff;
+}
+#navigation li.s.sub > a.selected:after,
+#navigation li.s.sub > a.selected:after,
+#navigation li.s.sub > strong.leaf:after,
+#navigation li.s.sub > strong.leaf:after
+{
+ content: "\f0ab";
+}
+
+
+html
+{
+ height: 100%;
+}
+body
+{
+ height: 100%;
+ overflow-y: scroll;
+}
+#page
+{
+ position: relative;
+ min-height: 100%;
+}
+footer
+{
+ position: relative;
+ left: 0;
+ right: 0;
+ bottom: 1em;
+}