diff --git a/documentation/dev-portal/book.toml b/documentation/dev-portal/book.toml
index 8bfe315678..d36c694e22 100644
--- a/documentation/dev-portal/book.toml
+++ b/documentation/dev-portal/book.toml
@@ -1,56 +1,35 @@
 [book]
-title = "Nym Developer Portal"
+title = "Nym Docs"
 authors = ["Max Hampshire, Serinko, Alexia Lorenza Martinel"]
+description = "Nym technical documentation"
 language = "en"
-multilingual = false
+multilingual = false # for the moment - ideally work on chinese, brazillian ,portugese spanish next
 src = "src"
 
+[rust]
+edition = "2018"
+
 #################
 # PREPROCESSORS #
 #################
 
-# Note if changing these fields:
-# - make sure you aren't running `mdbook serve`
-# - change value of `turn-off = true` to `false`. This is set to `true` usually to avoid a known constant-reload bug with `mdbook serve` and this preprocessor
-# - delete `./theme/` dir
-# - change the preprocessor values that you want to edit
-# - run `mdbook build`: this will rebuild the `./theme` directory
-# - change value of `turn-off` back to `true`
 [preprocessor.theme]
-pagetoc = true
-# some variables related (defined in theme/css/variables.css)
-# `content-max-width` + `pagetoc-width` = 95% seems the best
-pagetoc-width            = "13%"
-content-max-width        = "70%" # 82
-pagetoc-fontsize         = "14.5px"
-sidebar-width            = "300px"
-menu-bar-height          = "40px"   # memu-bar = the bar on the top
-page-padding             = "20px"
-mobile-content-max-width = "98%"
-
-# layout
-content-padding           = "0 10px"
-content-main-margin-left  = "10%"
-content-main-margin-right = "10%"
-nav-chapters-max-width    = "auto"
-nav-chapters-min-width    = "auto"
-chapter-line-height       = "2em"
-section-line-height       = "1.5em"
-
-# if true, never read and touch the files in theme dir
+sidebar-width             = "280px"
+content-max-width         = "70%"
+content-main-margin-left  = "5%"
+content-main-margin-right = "5%"
+root-font-size            = "70%"
+# DO NOT CHANGE or you might overwrite the custom hbs file
 turn-off = true
 
-
 [preprocessor.admonish]
 command = "mdbook-admonish"
 assets_version = "3.0.0" # do not edit: managed by `mdbook-admonish install`
 
-# variables preprocessor: import variables into files
 # https://gitlab.com/tglman/mdbook-variables/
 [preprocessor.variables.variables]
 minimum_rust_version = "1.66"
 wallet_release_version = "1.2.8"
-
 # nym-vpn related variables
 nym_vpn_latest_binary_url = "https://github.com/nymtech/nym/releases/tag/nym-vpn-alpha-0.0.3"
 nym_vpn_form_url = "https://opnform.com/forms/nymvpn-user-research-at-37c3-yccqko-2"
@@ -59,10 +38,11 @@ nym_vpn_form_url = "https://opnform.com/forms/nymvpn-user-research-at-37c3-yccqk
 command = "mdbook-last-changed"
 renderer = ["html"]
 
-# used for grabbing output of binary commands for automation
-# https://github.com/FauconFan/mdbook-cmdrun
+# used for grabbing output of binary commands for automation https://github.com/FauconFan/mdbook-cmdrun
 [preprocessor.cmdrun]
 
+# more pre-processor plugins to look into from https://github.com/rust-lang/mdBook/wiki/Third-party-plugins & https://lib.rs/keywords/mdbook-preprocessor
+# mdbook-i18n
 
 #########
 # BUILD #
@@ -79,19 +59,16 @@ extra-watch-dirs = []             # directories to watch for triggering builds
 ##########
 
 [output.html]
+theme         = "nym_themes"
 default-theme = "coal"
 preferred-dark-theme = "coal"
 curly-quotes = true
-# mathjax-support = false # useful if we want to pull equations in ?
 copy-fonts = true
 no-section-label = false
-additional-css = ["theme/pagetoc.css", "././mdbook-admonish.css", "custom.css", "./mdbook-admonish.css"]
-additional-js  = ["theme/pagetoc.js"]
+additional-css = ["./nym_themes/custom.css", "./nym_themes/mdbook-admonish.css", "./nym_themes/pagetoc.css"]
+additional-js  = ["./nym_themes/pagetoc.js"]
 git-repository-url = "https://github.com/nymtech/nym"
 git-repository-icon = "fa-github"
-# edit-url-template = "https://github.com/rust-lang/mdBook/edit/master/guide/{path}"
-site-url = "/developers/"
-# cname = "nymtech.net"
 input-404 = "not-found.md"
 
 [output.html.fold]
@@ -103,7 +80,7 @@ level = 0        # the depth to start folding
 editable = false         # allows editing the source code
 copyable = true          # include the copy button for copying code snippets
 copy-js = true           # includes the JavaScript for the code editor
-line-numbers = false     # displays line numbers for editable code
+line-numbers = true      # displays line numbers for editable code
 runnable = true          # displays a run button for rust code
 
 # options for the built in text search
diff --git a/documentation/dev-portal/custom.css b/documentation/dev-portal/custom.css
deleted file mode 100644
index 855f5eef5f..0000000000
--- a/documentation/dev-portal/custom.css
+++ /dev/null
@@ -1,37 +0,0 @@
-:root {
-  --mono-font: Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace;
-}
-.coal {
-  --bg: #121726;
-  --fg: #f2f2f2;
-
-  --sidebar-bg: #121726;
-  --sidebar-fg: #f2f2f2;
-  --sidebar-active: #fb6e4e;
-
-  --icons: #f2f2f2;
-  --icons-hover: #fb6e4e;
-
-  --links: #fb6e4e;
-}
-
-.light {
-  --bg: #f4f6f8;
-  --fg: #121726;
-
-  --sidebar-bg: #f4f6f8;
-  --sidebar-fg: #121726;
-  --sidebar-active: #fb6e4e;
-
-  --icons: #121726;
-  --icons-hover: #fb6e4e;
-
-  --links: #fb6e4e;
-}
-
-footer {
-  font-size: 0.8em;
-  text-align: center;
-  border-top: 1px solid black;
-  padding: 5px 0;
-}
diff --git a/documentation/operators/theme/css/chrome.css b/documentation/dev-portal/nym_themes/css/chrome.css
similarity index 69%
rename from documentation/operators/theme/css/chrome.css
rename to documentation/dev-portal/nym_themes/css/chrome.css
index febd1d40a6..a0e30b81ff 100644
--- a/documentation/operators/theme/css/chrome.css
+++ b/documentation/dev-portal/nym_themes/css/chrome.css
@@ -2,12 +2,6 @@
 
 @import 'variables.css';
 
-::-webkit-scrollbar {
-    background: var(--bg);
-}
-::-webkit-scrollbar-thumb {
-    background: var(--scrollbar);
-}
 html {
     scrollbar-color: var(--scrollbar) var(--bg);
 }
@@ -18,6 +12,19 @@ a > .hljs {
     color: var(--links);
 }
 
+/*
+    body-container is necessary because mobile browsers don't seem to like
+    overflow-x on the body tag when there is a <meta name="viewport"> tag.
+*/
+#body-container {
+    /*
+        This is used when the sidebar pushes the body content off the side of
+        the screen on small screens. Without it, dragging on mobile Safari
+        will want to reposition the viewport in a weird way.
+    */
+    overflow-x: clip;
+}
+
 /* Menu Bar */
 
 #menu-bar,
@@ -30,9 +37,9 @@ a > .hljs {
     display: flex;
     flex-wrap: wrap;
     background-color: var(--bg);
-    border-bottom-color: var(--bg);
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
+    border-block-end-color: var(--bg);
+    border-block-end-width: 1px;
+    border-block-end-style: solid;
 }
 #menu-bar.sticky,
 .js #menu-bar-hover-placeholder:hover + #menu-bar,
@@ -49,7 +56,7 @@ a > .hljs {
     height: var(--menu-bar-height);
 }
 #menu-bar.bordered {
-    border-bottom-color: var(--table-border-color);
+    border-block-end-color: var(--table-border-color);
 }
 #menu-bar i, #menu-bar .icon-button {
     position: relative;
@@ -86,11 +93,13 @@ a > .hljs {
     display: flex;
     margin: 0 5px;
 }
-.no-js .left-buttons {
+.no-js .left-buttons button {
     display: none;
 }
 
 .menu-title {
+    position: absolute;
+    left: 50%;
     display: inline-block;
     font-weight: 200;
     font-size: 2.4rem;
@@ -153,7 +162,7 @@ a > .hljs {
 }
 
 .nav-wrapper {
-    margin-top: 50px;
+    margin-block-start: 50px;
     display: none;
 }
 
@@ -166,23 +175,34 @@ a > .hljs {
     background-color: var(--sidebar-bg);
 }
 
-.previous {
-    float: left;
-}
+/* Only Firefox supports flow-relative values */
+.previous { float: left; }
+[dir=rtl] .previous { float: right; }
 
+/* Only Firefox supports flow-relative values */
 .next {
     float: right;
     right: var(--page-padding);
 }
+[dir=rtl] .next {
+    float: left;
+    right: unset;
+    left: var(--page-padding);
+}
+
+/* Use the correct buttons for RTL layouts*/
+[dir=rtl] .previous i.fa-angle-left:before {content:"\f105";}
+[dir=rtl] .next i.fa-angle-right:before { content:"\f104"; }
 
 @media only screen and (max-width: 1080px) {
     .nav-wide-wrapper { display: none; }
     .nav-wrapper { display: block; }
 }
 
+/* sidebar-visible */
 @media only screen and (max-width: 1380px) {
-    .sidebar-visible .nav-wide-wrapper { display: none; }
-    .sidebar-visible .nav-wrapper { display: block; }
+    #sidebar-toggle-anchor:checked ~ .page-wrapper .nav-wide-wrapper { display: none; }
+    #sidebar-toggle-anchor:checked ~ .page-wrapper .nav-wrapper { display: block; }
 }
 
 /* Inline code */
@@ -229,7 +249,7 @@ pre > .buttons :hover {
     background-color: var(--theme-hover);
 }
 pre > .buttons i {
-    margin-left: 8px;
+    margin-inline-start: 8px;
 }
 pre > .buttons button {
     cursor: inherit;
@@ -251,8 +271,14 @@ pre > .buttons button {
         /* On mobile, make it easier to tap buttons. */
         padding: 0.3rem 1rem;
     }
+
+    .sidebar-resize-indicator {
+        /* Hide resize indicator on devices with limited accuracy */
+        display: none;
+    }
 }
 pre > code {
+    display: block;
     padding: 1rem;
 }
 
@@ -266,7 +292,7 @@ pre > code {
 }
 
 pre > .result {
-    margin-top: 10px;
+    margin-block-start: 10px;
 }
 
 /* Search */
@@ -277,8 +303,14 @@ pre > .result {
 
 mark {
     border-radius: 2px;
-    padding: 0 3px 1px 3px;
-    margin: 0 -3px -1px -3px;
+    padding-block-start: 0;
+    padding-block-end: 1px;
+    padding-inline-start: 3px;
+    padding-inline-end: 3px;
+    margin-block-start: 0;
+    margin-block-end: -1px;
+    margin-inline-start: -3px;
+    margin-inline-end: -3px;
     background-color: var(--search-mark-bg);
     transition: background-color 300ms linear;
     cursor: pointer;
@@ -290,14 +322,17 @@ mark.fade-out {
 }
 
 .searchbar-outer {
-    margin-left: auto;
-    margin-right: auto;
+    margin-inline-start: auto;
+    margin-inline-end: auto;
     max-width: var(--content-max-width);
 }
 
 #searchbar {
     width: 100%;
-    margin: 5px auto 0px auto;
+    margin-block-start: 5px;
+    margin-block-end: 0;
+    margin-inline-start: auto;
+    margin-inline-end: auto;
     padding: 10px 16px;
     transition: box-shadow 300ms ease-in-out;
     border: 1px solid var(--searchbar-border-color);
@@ -313,20 +348,23 @@ mark.fade-out {
 .searchresults-header {
     font-weight: bold;
     font-size: 1em;
-    padding: 18px 0 0 5px;
+    padding-block-start: 18px;
+    padding-block-end: 0;
+    padding-inline-start: 5px;
+    padding-inline-end: 0;
     color: var(--searchresults-header-fg);
 }
 
 .searchresults-outer {
-    margin-left: auto;
-    margin-right: auto;
+    margin-inline-start: auto;
+    margin-inline-end: auto;
     max-width: var(--content-max-width);
-    border-bottom: 1px dashed var(--searchresults-border-color);
+    border-block-end: 1px dashed var(--searchresults-border-color);
 }
 
 ul#searchresults {
     list-style: none;
-    padding-left: 20px;
+    padding-inline-start: 20px;
 }
 ul#searchresults li {
     margin: 10px 0px;
@@ -339,7 +377,10 @@ ul#searchresults li.focus {
 ul#searchresults span.teaser {
     display: block;
     clear: both;
-    margin: 5px 0 0 20px;
+    margin-block-start: 5px;
+    margin-block-end: 0;
+    margin-inline-start: 20px;
+    margin-inline-end: 0;
     font-size: 0.8em;
 }
 ul#searchresults span.teaser em {
@@ -355,19 +396,21 @@ ul#searchresults span.teaser em {
     top: 0;
     bottom: 0;
     width: var(--sidebar-width);
-    font-size: 1em;
+    font-size: 0.85em;
     box-sizing: border-box;
     -webkit-overflow-scrolling: touch;
     overscroll-behavior-y: contain;
     background-color: var(--sidebar-bg);
     color: var(--sidebar-fg);
 }
+[dir=rtl] .sidebar { left: unset; right: 0; }
 .sidebar-resizing {
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
+.no-js .sidebar,
 .js:not(.sidebar-resizing) .sidebar {
     transition: transform 0.3s; /* Animation: slide away */
 }
@@ -387,16 +430,35 @@ ul#searchresults span.teaser em {
     position: absolute;
     cursor: col-resize;
     width: 0;
-    right: 0;
+    right: calc(var(--sidebar-resize-indicator-width) * -1);
     top: 0;
     bottom: 0;
+    display: flex;
+    align-items: center;
+}
+
+.sidebar-resize-handle .sidebar-resize-indicator {
+    width: 100%;
+    height: 12px;
+    background-color: var(--icons);
+    margin-inline-start: var(--sidebar-resize-indicator-space);
+}
+
+[dir=rtl] .sidebar .sidebar-resize-handle {
+    left: calc(var(--sidebar-resize-indicator-width) * -1);
+    right: unset;
 }
 .js .sidebar .sidebar-resize-handle {
     cursor: col-resize;
-    width: 5px;
+    width: calc(var(--sidebar-resize-indicator-width) - var(--sidebar-resize-indicator-space));
 }
-.sidebar-hidden .sidebar {
-    transform: translateX(calc(0px - var(--sidebar-width)));
+/* sidebar-hidden */
+#sidebar-toggle-anchor:not(:checked) ~ .sidebar {
+    transform: translateX(calc(0px - var(--sidebar-width) - var(--sidebar-resize-indicator-width)));
+    z-index: -1;
+}
+[dir=rtl] #sidebar-toggle-anchor:not(:checked) ~ .sidebar {
+    transform: translateX(calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width)));
 }
 .sidebar::-webkit-scrollbar {
     background: var(--sidebar-bg);
@@ -405,19 +467,26 @@ ul#searchresults span.teaser em {
     background: var(--scrollbar);
 }
 
-.sidebar-visible .page-wrapper {
-    transform: translateX(var(--sidebar-width));
+/* sidebar-visible */
+#sidebar-toggle-anchor:checked ~ .page-wrapper {
+    transform: translateX(calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width)));
+}
+[dir=rtl] #sidebar-toggle-anchor:checked ~ .page-wrapper {
+    transform: translateX(calc(0px - var(--sidebar-width) - var(--sidebar-resize-indicator-width)));
 }
 @media only screen and (min-width: 620px) {
-    .sidebar-visible .page-wrapper {
+    #sidebar-toggle-anchor:checked ~ .page-wrapper {
+        transform: none;
+        margin-inline-start: calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width));
+    }
+    [dir=rtl] #sidebar-toggle-anchor:checked ~ .page-wrapper {
         transform: none;
-        margin-left: var(--sidebar-width);
     }
 }
 
 .chapter {
     list-style: none outside none;
-    padding-left: 0;
+    padding-inline-start: 0;
     line-height: 2em;
 }
 
@@ -447,7 +516,7 @@ ul#searchresults span.teaser em {
 .chapter li > a.toggle {
     cursor: pointer;
     display: block;
-    margin-left: auto;
+    margin-inline-start: auto;
     padding: 0 10px;
     user-select: none;
     opacity: 0.68;
@@ -464,7 +533,7 @@ ul#searchresults span.teaser em {
 
 .chapter li.chapter-item {
     line-height: 1.5em;
-    margin-top: 0.6em;
+    margin-block-start: 0.6em;
 }
 
 .chapter li.expanded > a.toggle div {
@@ -487,7 +556,7 @@ ul#searchresults span.teaser em {
 
 .section {
     list-style: none outside none;
-    padding-left: 20px;
+    padding-inline-start: 20px;
     line-height: 1.5em;
 }
 
@@ -510,6 +579,7 @@ ul#searchresults span.teaser em {
     /* Don't let the children's background extend past the rounded corners. */
     overflow: hidden;
 }
+[dir=rtl] .theme-popup { left: unset;  right: 10px; }
 .theme-popup .default {
     color: var(--icons);
 }
@@ -520,7 +590,7 @@ ul#searchresults span.teaser em {
     padding: 2px 20px;
     line-height: 25px;
     white-space: nowrap;
-    text-align: left;
+    text-align: start;
     cursor: pointer;
     color: inherit;
     background: inherit;
@@ -533,6 +603,6 @@ ul#searchresults span.teaser em {
 .theme-selected::before {
     display: inline-block;
     content: "✓";
-    margin-left: -14px;
+    margin-inline-start: -14px;
     width: 14px;
 }
diff --git a/documentation/docs/theme/css/general.css b/documentation/dev-portal/nym_themes/css/general.css
similarity index 76%
rename from documentation/docs/theme/css/general.css
rename to documentation/dev-portal/nym_themes/css/general.css
index a06db43965..df8c1d12d2 100644
--- a/documentation/docs/theme/css/general.css
+++ b/documentation/dev-portal/nym_themes/css/general.css
@@ -5,6 +5,7 @@
 :root {
     /* Browser default font-size is 16px, this way 1 rem = 10px */
     font-size: 70%;
+    color-scheme: var(--color-scheme);
 }
 
 html {
@@ -24,6 +25,7 @@ body {
 code {
     font-family: var(--mono-font) !important;
     font-size: 0.9em;
+    direction: ltr !important;
 }
 
 /* make long words/inline code not x overflow */
@@ -47,13 +49,13 @@ h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
 .hide-boring .boring { display: none; }
 .hidden { display: none !important; }
 
-h2, h3 { margin-top: 2.5em; }
-h4, h5 { margin-top: 2em; }
+h2, h3 { margin-block-start: 2.5em; }
+h4, h5 { margin-block-start: 2em; }
 
 .header + .header h3,
 .header + .header h4,
 .header + .header h5 {
-    margin-top: 1em;
+    margin-block-start: 1em;
 }
 
 h1:target::before,
@@ -64,7 +66,7 @@ h5:target::before,
 h6:target::before {
     display: inline-block;
     content: "»";
-    margin-left: -30px;
+    margin-inline-start: -30px;
     width: 30px;
 }
 
@@ -73,28 +75,34 @@ h6:target::before {
    https://bugs.webkit.org/show_bug.cgi?id=218076
 */
 :target {
+    /* Safari does not support logical properties */
     scroll-margin-top: calc(var(--menu-bar-height) + 0.5em);
 }
 
 .page {
     outline: 0;
     padding: 0 var(--page-padding);
-    margin-top: calc(0px - var(--menu-bar-height)); /* Compensate for the #menu-bar-hover-placeholder */
+    margin-block-start: calc(0px - var(--menu-bar-height)); /* Compensate for the #menu-bar-hover-placeholder */
 }
 .page-wrapper {
     box-sizing: border-box;
+    background-color: var(--bg);
 }
+.no-js .page-wrapper,
 .js:not(.sidebar-resizing) .page-wrapper {
     transition: margin-left 0.3s ease, transform 0.3s ease; /* Animation: slide away */
 }
+[dir=rtl] .js:not(.sidebar-resizing) .page-wrapper {
+    transition: margin-right 0.3s ease, transform 0.3s ease; /* Animation: slide away */
+}
 
 .content {
     overflow-y: auto;
     padding: 0 10px;
 }
 .content main {
-    margin-left: 10%;
-    margin-right: 10%;
+    margin-inline-start: auto;
+    margin-inline-end: auto;
     max-width: var(--content-max-width);
 }
 .content p { line-height: 1.45em; }
@@ -144,8 +152,31 @@ blockquote {
     padding: 0 20px;
     color: var(--fg);
     background-color: var(--quote-bg);
-    border-top: .1em solid var(--quote-border);
-    border-bottom: .1em solid var(--quote-border);
+    border-block-start: .1em solid var(--quote-border);
+    border-block-end: .1em solid var(--quote-border);
+}
+
+.warning {
+    margin: 20px;
+    padding: 0 20px;
+    border-inline-start: 2px solid var(--warning-border);
+}
+
+.warning:before {
+    position: absolute;
+    width: 3rem;
+    height: 3rem;
+    margin-inline-start: calc(-1.5rem - 21px);
+    content: "ⓘ";
+    text-align: center;
+    background-color: var(--bg);
+    color: var(--warning-border);
+    font-weight: bold;
+    font-size: 2rem;
+}
+
+blockquote .warning:before {
+    background-color: var(--quote-bg);
 }
 
 kbd {
@@ -163,7 +194,7 @@ kbd {
 
 :not(.footnote-definition) + .footnote-definition,
 .footnote-definition + :not(.footnote-definition) {
-    margin-top: 2em;
+    margin-block-start: 2em;
 }
 .footnote-definition {
     font-size: 0.9em;
diff --git a/documentation/dev-portal/theme/css/variables.css b/documentation/dev-portal/nym_themes/css/variables.css
similarity index 92%
rename from documentation/dev-portal/theme/css/variables.css
rename to documentation/dev-portal/nym_themes/css/variables.css
index f8fa4cfd90..51b94cfc5a 100644
--- a/documentation/dev-portal/theme/css/variables.css
+++ b/documentation/dev-portal/nym_themes/css/variables.css
@@ -2,9 +2,11 @@
 /* Globals */
 
 :root {
-    --sidebar-width: 300px;
-    --page-padding: 20px;
-    --content-max-width: 70%;
+    --sidebar-width: 280px;
+    --sidebar-resize-indicator-width: 8px;
+    --sidebar-resize-indicator-space: 2px;
+    --page-padding: 15px;
+    --content-max-width: 80%;
     --menu-bar-height: 40px;
     --mono-font: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace;
     --code-font-size: 0.875em /* please adjust the ace font size accordingly in editor.js */
@@ -18,36 +20,6 @@
   }
 }
 
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
 /* Themes */
 
 .ayu {
@@ -76,6 +48,8 @@
     --quote-bg: hsl(226, 15%, 17%);
     --quote-border: hsl(226, 15%, 22%);
 
+    --warning-border: #ff8e00;
+
     --table-border-color: hsl(210, 25%, 13%);
     --table-header-bg: hsl(210, 25%, 28%);
     --table-alternate-bg: hsl(210, 25%, 11%);
@@ -88,6 +62,8 @@
     --searchresults-border-color: #888;
     --searchresults-li-bg: #252932;
     --search-mark-bg: #e3b171;
+
+    --color-scheme: dark;
 }
 
 .coal {
@@ -116,6 +92,8 @@
     --quote-bg: hsl(234, 21%, 18%);
     --quote-border: hsl(234, 21%, 23%);
 
+    --warning-border: #ff8e00;
+
     --table-border-color: hsl(200, 7%, 13%);
     --table-header-bg: hsl(200, 7%, 28%);
     --table-alternate-bg: hsl(200, 7%, 11%);
@@ -128,6 +106,8 @@
     --searchresults-border-color: #98a3ad;
     --searchresults-li-bg: #2b2b2f;
     --search-mark-bg: #355c7d;
+
+    --color-scheme: dark;
 }
 
 .light {
@@ -156,6 +136,8 @@
     --quote-bg: hsl(197, 37%, 96%);
     --quote-border: hsl(197, 37%, 91%);
 
+    --warning-border: #ff8e00;
+
     --table-border-color: hsl(0, 0%, 95%);
     --table-header-bg: hsl(0, 0%, 80%);
     --table-alternate-bg: hsl(0, 0%, 97%);
@@ -168,6 +150,8 @@
     --searchresults-border-color: #888;
     --searchresults-li-bg: #e4f2fe;
     --search-mark-bg: #a2cff5;
+
+    --color-scheme: light;
 }
 
 .navy {
@@ -196,6 +180,8 @@
     --quote-bg: hsl(226, 15%, 17%);
     --quote-border: hsl(226, 15%, 22%);
 
+    --warning-border: #ff8e00;
+
     --table-border-color: hsl(226, 23%, 16%);
     --table-header-bg: hsl(226, 23%, 31%);
     --table-alternate-bg: hsl(226, 23%, 14%);
@@ -208,6 +194,8 @@
     --searchresults-border-color: #5c5c68;
     --searchresults-li-bg: #242430;
     --search-mark-bg: #a2cff5;
+
+    --color-scheme: dark;
 }
 
 .rust {
@@ -236,6 +224,8 @@
     --quote-bg: hsl(60, 5%, 75%);
     --quote-border: hsl(60, 5%, 70%);
 
+    --warning-border: #ff8e00;
+
     --table-border-color: hsl(60, 9%, 82%);
     --table-header-bg: #b3a497;
     --table-alternate-bg: hsl(60, 9%, 84%);
@@ -248,6 +238,8 @@
     --searchresults-border-color: #888;
     --searchresults-li-bg: #dec2a2;
     --search-mark-bg: #e69f67;
+
+    --color-scheme: light;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -277,6 +269,8 @@
         --quote-bg: hsl(234, 21%, 18%);
         --quote-border: hsl(234, 21%, 23%);
 
+        --warning-border: #ff8e00;
+
         --table-border-color: hsl(200, 7%, 13%);
         --table-header-bg: hsl(200, 7%, 28%);
         --table-alternate-bg: hsl(200, 7%, 11%);
diff --git a/documentation/dev-portal/nym_themes/custom.css b/documentation/dev-portal/nym_themes/custom.css
new file mode 100644
index 0000000000..35840fabec
--- /dev/null
+++ b/documentation/dev-portal/nym_themes/custom.css
@@ -0,0 +1,54 @@
+:root {
+  --mono-font: Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace;
+}
+
+.coal {
+  --fg: #f2f2f2;
+  --sidebar-fg: #f2f2f2;
+  --sidebar-active: #fb6e4e;
+  --icons-hover: #fb6e4e;
+  --links: #fb6e4e;
+  ::selection {
+    color: #121726;
+    background-color: #c5573d;
+  }
+  select option {
+    background-color: #121726;
+  }
+}
+
+.light {
+  --sidebar-active: #fb6e4e;
+  --icons-hover: #fb6e4e;
+  --links: #fb6e4e;
+  ::selection {
+    color:#f2f2f2;
+    background-color: #c5573d;
+  }
+}
+
+/*properly centering the title given the additional header items*/
+.menu-title {
+  position: absolute;
+  left: 50%;
+}
+
+.menu-bar .a:hover,
+
+/*necessary because of ^*/
+.right-buttons {
+  position: absolute;
+  right: 0;
+}
+
+select {
+  font-size: 16px;
+}
+
+footer {
+  font-size: 0.8em;
+  text-align: center;
+  border-top: 1px solid black;
+  padding: 5px 0;
+}
+
diff --git a/documentation/dev-portal/nym_themes/index.hbs b/documentation/dev-portal/nym_themes/index.hbs
new file mode 100644
index 0000000000..b8115558e3
--- /dev/null
+++ b/documentation/dev-portal/nym_themes/index.hbs
@@ -0,0 +1,381 @@
+<!DOCTYPE HTML>
+<html lang="{{ language }}" class="{{ default_theme }}" dir="{{ text_direction }}">
+    <head>
+        <!-- Book generated using mdBook -->
+        <meta charset="UTF-8">
+        <title>{{ title }}</title>
+        {{#if is_print }}
+        <meta name="robots" content="noindex">
+        {{/if}}
+        {{#if base_url}}
+        <base href="{{ base_url }}">
+        {{/if}}
+
+
+        <!-- Custom HTML head -->
+        {{> head}}
+
+        <meta name="description" content="{{ description }}">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="theme-color" content="#ffffff">
+
+        {{#if favicon_svg}}
+        <link rel="icon" href="{{ path_to_root }}favicon.svg">
+        {{/if}}
+        {{#if favicon_png}}
+        <link rel="shortcut icon" href="{{ path_to_root }}favicon.png">
+        {{/if}}
+        <link rel="stylesheet" href="{{ path_to_root }}css/variables.css">
+        <link rel="stylesheet" href="{{ path_to_root }}css/general.css">
+        <link rel="stylesheet" href="{{ path_to_root }}css/chrome.css">
+        {{#if print_enable}}
+        <link rel="stylesheet" href="{{ path_to_root }}css/print.css" media="print">
+        {{/if}}
+
+        <!-- Fonts -->
+        <link rel="stylesheet" href="{{ path_to_root }}FontAwesome/css/font-awesome.css">
+        {{#if copy_fonts}}
+        <link rel="stylesheet" href="{{ path_to_root }}fonts/fonts.css">
+        {{/if}}
+
+        <!-- Highlight.js Stylesheets -->
+        <link rel="stylesheet" href="{{ path_to_root }}highlight.css">
+        <link rel="stylesheet" href="{{ path_to_root }}tomorrow-night.css">
+        <link rel="stylesheet" href="{{ path_to_root }}ayu-highlight.css">
+
+        <!-- Custom theme stylesheets -->
+        {{#each additional_css}}
+        <link rel="stylesheet" href="{{ ../path_to_root }}{{ this }}">
+        {{/each}}
+
+<!--        {{#if mathjax_support}}-->
+<!--        &lt;!&ndash; MathJax &ndash;&gt;-->
+<!--        <script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>-->
+<!--        {{/if}}-->
+    </head>
+    <body class="sidebar-visible no-js">
+    <div id="body-container">
+        <!-- Provide site root to javascript -->
+        <script>
+            var path_to_root = "{{ path_to_root }}";
+            var default_theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "{{ preferred_dark_theme }}" : "{{ default_theme }}";
+        </script>
+
+        <!-- Work around some values being stored in localStorage wrapped in quotes -->
+        <script>
+            try {
+                var theme = localStorage.getItem('mdbook-theme');
+                var sidebar = localStorage.getItem('mdbook-sidebar');
+
+                if (theme.startsWith('"') && theme.endsWith('"')) {
+                    localStorage.setItem('mdbook-theme', theme.slice(1, theme.length - 1));
+                }
+
+                if (sidebar.startsWith('"') && sidebar.endsWith('"')) {
+                    localStorage.setItem('mdbook-sidebar', sidebar.slice(1, sidebar.length - 1));
+                }
+            } catch (e) { }
+        </script>
+
+        <!-- Set the theme before any content is loaded, prevents flash -->
+        <script>
+            var theme;
+            try { theme = localStorage.getItem('mdbook-theme'); } catch(e) { }
+            if (theme === null || theme === undefined) { theme = default_theme; }
+            var html = document.querySelector('html');
+            html.classList.remove('{{ default_theme }}')
+            html.classList.add(theme);
+            var body = document.querySelector('body');
+            body.classList.remove('no-js')
+            body.classList.add('js');
+        </script>
+
+        <input type="checkbox" id="sidebar-toggle-anchor" class="hidden">
+
+        <!-- Hide / unhide sidebar before it is displayed -->
+        <script>
+            var body = document.querySelector('body');
+            var sidebar = null;
+            var sidebar_toggle = document.getElementById("sidebar-toggle-anchor");
+            if (document.body.clientWidth >= 1080) {
+                try { sidebar = localStorage.getItem('mdbook-sidebar'); } catch(e) { }
+                sidebar = sidebar || 'visible';
+            } else {
+                sidebar = 'hidden';
+            }
+            sidebar_toggle.checked = sidebar === 'visible';
+            body.classList.remove('sidebar-visible');
+            body.classList.add("sidebar-" + sidebar);
+        </script>
+
+        <nav id="sidebar" class="sidebar" aria-label="Table of contents">
+            <div class="sidebar-scrollbox">
+                {{#toc}}{{/toc}}
+            </div>
+            <div id="sidebar-resize-handle" class="sidebar-resize-handle">
+                <div class="sidebar-resize-indicator"></div>
+            </div>
+        </nav>
+
+        <!-- Track and set sidebar scroll position -->
+        <script>
+            var sidebarScrollbox = document.querySelector('#sidebar .sidebar-scrollbox');
+            sidebarScrollbox.addEventListener('click', function(e) {
+                if (e.target.tagName === 'A') {
+                    sessionStorage.setItem('sidebar-scroll', sidebarScrollbox.scrollTop);
+                }
+            }, { passive: true });
+            var sidebarScrollTop = sessionStorage.getItem('sidebar-scroll');
+            sessionStorage.removeItem('sidebar-scroll');
+            if (sidebarScrollTop) {
+                // preserve sidebar scroll position when navigating via links within sidebar
+                sidebarScrollbox.scrollTop = sidebarScrollTop;
+            } else {
+                // scroll sidebar to current active section when navigating via "next/previous chapter" buttons
+                var activeSection = document.querySelector('#sidebar .active');
+                if (activeSection) {
+                    activeSection.scrollIntoView({ block: 'center' });
+                }
+            }
+        </script>
+
+        <div id="page-wrapper" class="page-wrapper">
+
+            <div class="page">
+                {{> header}}
+                <div id="menu-bar-hover-placeholder"></div>
+                <div id="menu-bar" class="menu-bar sticky">
+                    <div class="left-buttons">
+                        <label id="sidebar-toggle" class="icon-button" for="sidebar-toggle-anchor" title="Toggle Table of Contents" aria-label="Toggle Table of Contents" aria-controls="sidebar">
+                            <i class="fa fa-bars"></i>
+                        </label>
+
+                        <button id="theme-toggle" class="icon-button" type="button" title="Change theme" aria-label="Change theme" aria-haspopup="true" aria-expanded="false" aria-controls="theme-list">
+                            <i class="fa fa-paint-brush"></i>
+                        </button>
+                        <ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
+                            <li role="none"><button role="menuitem" class="theme" id="light">Light</button></li>
+                            <li role="none"><button role="menuitem" class="theme" id="coal">Dark</button></li>
+                        </ul>
+
+                        <!-- CUSTOM -->
+                        <select id="dropdown-menu3" class="icon-button">
+                            <option value="">Network Protocol</option>
+                            <option value="https://nymtech.net/docs">Network Docs</option>
+                            <option value="https://nymtech.net/learn/papers">Academic Papers</option>
+                        </select>
+
+                        <select id="dropdown-menu" class="icon-button">
+                            <option value="">Developer Docs</option>
+                            <option value="https://nymtech.net/developers">Dev Portal</option>
+                            <option value="https://nymtech.net/docs/sdk/rust/rust.html">Rust SDK</option>
+                            <option value="https://sdk.nymtech.net">Typescript SDK</option>
+                        </select>
+
+                        <select id="dropdown-menu2" class="icon-button">
+                            <option value="">Setup Guides</option>
+                            <option value="https://nymtech.net/operators">Operators</option>
+                            <option value="https://nymtech.net/developers/nymvpn/intro.html">NymVPN Testing</option>
+                        </select>
+
+                        <script>
+                            document.getElementById('dropdown-menu').addEventListener('change', function() {
+                                const selected = this.options[this.selectedIndex];
+                                if (selected.value !== '') {
+                                    window.location.href = selected.value;
+                                }
+                            });
+                        </script>
+
+                        <script>
+                            document.getElementById('dropdown-menu2').addEventListener('change', function() {
+                                const selected = this.options[this.selectedIndex];
+                                if (selected.value !== '') {
+                                    window.location.href = selected.value;
+                                }
+                            });
+                        </script>
+
+                        <script>
+                            document.getElementById('dropdown-menu3').addEventListener('change', function() {
+                                const selected = this.options[this.selectedIndex];
+                                if (selected.value !== '') {
+                                    window.location.href = selected.value;
+                                }
+                            });
+                        </script>
+                        <!-- END CUSTOM -->
+                    </div>
+
+                    <h1 class="menu-title"> {{ book_title }}</h1>
+
+                    <div class="right-buttons">
+                        {{#if search_enabled}}
+                            <button id="search-toggle" class="icon-button" type="button" title="Search. (Shortkey: s)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="S" aria-controls="searchbar">
+                                <i class="fa fa-search"></i>
+                            </button>
+                        {{/if}}
+                        {{#if print_enable}}
+                        <a href="{{ path_to_root }}print.html" title="Print this book" aria-label="Print this book">
+                            <i id="print-button" class="fa fa-print"></i>
+                        </a>
+                        {{/if}}
+                        {{#if git_repository_url}}
+                        <a href="{{git_repository_url}}" title="Git repository" aria-label="Git repository">
+                            <i id="git-repository-button" class="fa {{git_repository_icon}}"></i>
+                        </a>
+                        {{/if}}
+                        {{#if git_repository_edit_url}}
+                        <a href="{{git_repository_edit_url}}" title="Suggest an edit" aria-label="Suggest an edit">
+                            <i id="git-edit-button" class="fa fa-edit"></i>
+                        </a>
+                        {{/if}}
+
+                    </div>
+                </div>
+
+                {{#if search_enabled}}
+                <div id="search-wrapper" class="hidden">
+                    <form id="searchbar-outer" class="searchbar-outer">
+                        <input type="search" id="searchbar" name="searchbar" placeholder="Search this book ..." aria-controls="searchresults-outer" aria-describedby="searchresults-header">
+                    </form>
+                    <div id="searchresults-outer" class="searchresults-outer hidden">
+                        <div id="searchresults-header" class="searchresults-header"></div>
+                        <ul id="searchresults">
+                        </ul>
+                    </div>
+                </div>
+                {{/if}}
+
+                <!-- Apply ARIA attributes after the sidebar and the sidebar toggle button are added to the DOM -->
+                <script>
+                    document.getElementById('sidebar-toggle').setAttribute('aria-expanded', sidebar === 'visible');
+                    document.getElementById('sidebar').setAttribute('aria-hidden', sidebar !== 'visible');
+                    Array.from(document.querySelectorAll('#sidebar a')).forEach(function(link) {
+                        link.setAttribute('tabIndex', sidebar === 'visible' ? 0 : -1);
+                    });
+                </script>
+
+                <div id="content" class="content">
+                    <main>
+                        <main>
+                            <div class="content-wrap">
+                        {{{ content }}}
+                            </div>
+                            <div class="sidetoc">
+                                <nav class="pagetoc"></nav>
+                            </div>
+                        </main>
+                    </main>
+
+                    <nav class="nav-wrapper" aria-label="Page navigation">
+                        <!-- Mobile navigation buttons -->
+                        {{#previous}}
+                            <a rel="prev" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
+                                <i class="fa fa-angle-left"></i>
+                            </a>
+                        {{/previous}}
+
+                        {{#next}}
+                            <a rel="next prefetch" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
+                                <i class="fa fa-angle-right"></i>
+                            </a>
+                        {{/next}}
+
+                        <div style="clear: both"></div>
+                    </nav>
+                </div>
+            </div>
+
+            <nav class="nav-wide-wrapper" aria-label="Page navigation">
+                {{#previous}}
+                    <a rel="prev" href="{{ path_to_root }}{{link}}" class="nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
+                        <i class="fa fa-angle-left"></i>
+                    </a>
+                {{/previous}}
+
+                {{#next}}
+                    <a rel="next prefetch" href="{{ path_to_root }}{{link}}" class="nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
+                        <i class="fa fa-angle-right"></i>
+                    </a>
+                {{/next}}
+            </nav>
+
+        </div>
+
+        {{#if live_reload_endpoint}}
+        <!-- Livereload script (if served using the cli tool) -->
+        <script>
+            const wsProtocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
+            const wsAddress = wsProtocol + "//" + location.host + "/" + "{{{live_reload_endpoint}}}";
+            const socket = new WebSocket(wsAddress);
+            socket.onmessage = function (event) {
+                if (event.data === "reload") {
+                    socket.close();
+                    location.reload();
+                }
+            };
+
+            window.onbeforeunload = function() {
+                socket.close();
+            }
+        </script>
+        {{/if}}
+
+        {{#if playground_line_numbers}}
+        <script>
+            window.playground_line_numbers = true;
+        </script>
+        {{/if}}
+
+        {{#if playground_copyable}}
+        <script>
+            window.playground_copyable = true;
+        </script>
+        {{/if}}
+
+        {{#if playground_js}}
+        <script src="{{ path_to_root }}ace.js"></script>
+        <script src="{{ path_to_root }}editor.js"></script>
+        <script src="{{ path_to_root }}mode-rust.js"></script>
+        <script src="{{ path_to_root }}theme-dawn.js"></script>
+        <script src="{{ path_to_root }}theme-tomorrow_night.js"></script>
+        {{/if}}
+
+        {{#if search_js}}
+        <script src="{{ path_to_root }}elasticlunr.min.js"></script>
+        <script src="{{ path_to_root }}mark.min.js"></script>
+        <script src="{{ path_to_root }}searcher.js"></script>
+        {{/if}}
+
+        <script src="{{ path_to_root }}clipboard.min.js"></script>
+        <script src="{{ path_to_root }}highlight.js"></script>
+        <script src="{{ path_to_root }}book.js"></script>
+
+        <!-- Custom JS scripts -->
+        {{#each additional_js}}
+        <script src="{{ ../path_to_root }}{{this}}"></script>
+        {{/each}}
+
+        {{#if is_print}}
+        {{#if mathjax_support}}
+        <script>
+        window.addEventListener('load', function() {
+            MathJax.Hub.Register.StartupHook('End', function() {
+                window.setTimeout(window.print, 100);
+            });
+        });
+        </script>
+        {{else}}
+        <script>
+        window.addEventListener('load', function() {
+            window.setTimeout(window.print, 100);
+        });
+        </script>
+        {{/if}}
+        {{/if}}
+
+
+    </div>
+    </body>
+</html>
diff --git a/documentation/dev-portal/theme/index.hbs b/documentation/dev-portal/nym_themes/index.hbs.bak
similarity index 67%
rename from documentation/dev-portal/theme/index.hbs
rename to documentation/dev-portal/nym_themes/index.hbs.bak
index 5ce72962cb..d2a64dbc97 100644
--- a/documentation/dev-portal/theme/index.hbs
+++ b/documentation/dev-portal/nym_themes/index.hbs.bak
@@ -1,11 +1,11 @@
 <!DOCTYPE HTML>
-<html lang="{{ language }}" class="sidebar-visible no-js {{ default_theme }}">
+<html lang="{{ language }}" class="{{ default_theme }}" dir="{{ text_direction }}">
     <head>
         <!-- Book generated using mdBook -->
         <meta charset="UTF-8">
         <title>{{ title }}</title>
         {{#if is_print }}
-        <meta name="robots" content="noindex" />
+        <meta name="robots" content="noindex">
         {{/if}}
         {{#if base_url}}
         <base href="{{ base_url }}">
@@ -17,7 +17,7 @@
 
         <meta name="description" content="{{ description }}">
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <meta name="theme-color" content="#ffffff" />
+        <meta name="theme-color" content="#ffffff">
 
         {{#if favicon_svg}}
         <link rel="icon" href="{{ path_to_root }}favicon.svg">
@@ -53,7 +53,8 @@
         <script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
         {{/if}}
     </head>
-    <body>
+    <body class="sidebar-visible no-js">
+    <div id="body-container">
         <!-- Provide site root to javascript -->
         <script>
             var path_to_root = "{{ path_to_root }}";
@@ -82,61 +83,127 @@
             try { theme = localStorage.getItem('mdbook-theme'); } catch(e) { }
             if (theme === null || theme === undefined) { theme = default_theme; }
             var html = document.querySelector('html');
-            html.classList.remove('no-js')
             html.classList.remove('{{ default_theme }}')
             html.classList.add(theme);
-            html.classList.add('js');
+            var body = document.querySelector('body');
+            body.classList.remove('no-js')
+            body.classList.add('js');
         </script>
 
+        <input type="checkbox" id="sidebar-toggle-anchor" class="hidden">
+
         <!-- Hide / unhide sidebar before it is displayed -->
         <script>
-            var html = document.querySelector('html');
-            var sidebar = 'hidden';
+            var body = document.querySelector('body');
+            var sidebar = null;
+            var sidebar_toggle = document.getElementById("sidebar-toggle-anchor");
             if (document.body.clientWidth >= 1080) {
                 try { sidebar = localStorage.getItem('mdbook-sidebar'); } catch(e) { }
                 sidebar = sidebar || 'visible';
+            } else {
+                sidebar = 'hidden';
             }
-            html.classList.remove('sidebar-visible');
-            html.classList.add("sidebar-" + sidebar);
+            sidebar_toggle.checked = sidebar === 'visible';
+            body.classList.remove('sidebar-visible');
+            body.classList.add("sidebar-" + sidebar);
         </script>
 
         <nav id="sidebar" class="sidebar" aria-label="Table of contents">
             <div class="sidebar-scrollbox">
                 {{#toc}}{{/toc}}
             </div>
-            <div id="sidebar-resize-handle" class="sidebar-resize-handle"></div>
+            <div id="sidebar-resize-handle" class="sidebar-resize-handle">
+                <div class="sidebar-resize-indicator"></div>
+            </div>
         </nav>
 
+        <!-- Track and set sidebar scroll position -->
+        <script>
+            var sidebarScrollbox = document.querySelector('#sidebar .sidebar-scrollbox');
+            sidebarScrollbox.addEventListener('click', function(e) {
+                if (e.target.tagName === 'A') {
+                    sessionStorage.setItem('sidebar-scroll', sidebarScrollbox.scrollTop);
+                }
+            }, { passive: true });
+            var sidebarScrollTop = sessionStorage.getItem('sidebar-scroll');
+            sessionStorage.removeItem('sidebar-scroll');
+            if (sidebarScrollTop) {
+                // preserve sidebar scroll position when navigating via links within sidebar
+                sidebarScrollbox.scrollTop = sidebarScrollTop;
+            } else {
+                // scroll sidebar to current active section when navigating via "next/previous chapter" buttons
+                var activeSection = document.querySelector('#sidebar .active');
+                if (activeSection) {
+                    activeSection.scrollIntoView({ block: 'center' });
+                }
+            }
+        </script>
+
         <div id="page-wrapper" class="page-wrapper">
 
             <div class="page">
                 {{> header}}
                 <div id="menu-bar-hover-placeholder"></div>
-                <div id="menu-bar" class="menu-bar sticky bordered">
+                <div id="menu-bar" class="menu-bar sticky">
                     <div class="left-buttons">
-                        <button id="sidebar-toggle" class="icon-button" type="button" title="Toggle Table of Contents" aria-label="Toggle Table of Contents" aria-controls="sidebar">
+                        <label id="sidebar-toggle" class="icon-button" for="sidebar-toggle-anchor" title="Toggle Table of Contents" aria-label="Toggle Table of Contents" aria-controls="sidebar">
                             <i class="fa fa-bars"></i>
-                        </button>
+                        </label>
+
+                        <!-- TODO remove weird padding here -->
                         <button id="theme-toggle" class="icon-button" type="button" title="Change theme" aria-label="Change theme" aria-haspopup="true" aria-expanded="false" aria-controls="theme-list">
                             <i class="fa fa-paint-brush"></i>
                         </button>
                         <ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
                             <li role="none"><button role="menuitem" class="theme" id="light">Light</button></li>
-                            <li role="none"><button role="menuitem" class="theme" id="rust">Rust</button></li>
-                            <li role="none"><button role="menuitem" class="theme" id="coal">Coal</button></li>
-                            <li role="none"><button role="menuitem" class="theme" id="navy">Navy</button></li>
-                            <li role="none"><button role="menuitem" class="theme" id="ayu">Ayu</button></li>
+                            <li role="none"><button role="menuitem" class="theme" id="coal">Dark</button></li>
                         </ul>
-                        {{#if search_enabled}}
-                        <button id="search-toggle" class="icon-button" type="button" title="Search. (Shortkey: s)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="S" aria-controls="searchbar">
-                            <i class="fa fa-search"></i>
-                        </button>
-                        {{/if}}
+
+                        <!-- CUSTOM -->
+                        <!-- TODO style when open -->
+                        <select id="dropdown-menu" class="icon-button">
+                            <option value="">SDKS</option>
+                            <option value="https://nymtech.net/docs/sdk/rust/rust.html">Rust</option>
+                            <option value="https://sdk.nymtech.net">Typescript</option>
+                        </select>
+
+                        <!-- TODO style when open -->
+                        <select id="dropdown-menu2" class="icon-button">
+                            <option value="">Doc Sites</option>
+                            <option value="https://nymtech.net/developers">Dev Portal</option>
+                            <option value="https://nymtech.net/docs/introduction.html">Network Docs</option>
+                            <option value="https://https://nymtech.net/operators">Operator Docs</option>
+                        </select>
+
+                        <script>
+                            document.getElementById('dropdown-menu').addEventListener('change', function() {
+                                const selected = this.options[this.selectedIndex];
+                                if (selected.value !== '') {
+                                    window.location.href = selected.value;
+                                }
+                            });
+                        </script>
+
+                        <script>
+                            document.getElementById('dropdown-menu2').addEventListener('change', function() {
+                                const selected = this.options[this.selectedIndex];
+                                if (selected.value !== '') {
+                                    window.location.href = selected.value;
+                                }
+                            });
+                        </script>
+                        <!-- END CUSTOM -->
+
                     </div>
 
                     <h1 class="menu-title">{{ book_title }}</h1>
 
                     <div class="right-buttons">
+                        {{#if search_enabled}}
+                            <button id="search-toggle" class="icon-button" type="button" title="Search. (Shortkey: s)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="S" aria-controls="searchbar">
+                                <i class="fa fa-search"></i>
+                            </button>
+                        {{/if}}
                         {{#if print_enable}}
                         <a href="{{ path_to_root }}print.html" title="Print this book" aria-label="Print this book">
                             <i id="print-button" class="fa fa-print"></i>
@@ -180,16 +247,14 @@
 
                 <div id="content" class="content">
                     <main>
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
+                        <main>
+                            <div class="content-wrap">
                         {{{ content }}}
+                            </div>
+                            <div class="sidetoc">
+                                <nav class="pagetoc"></nav>
+                            </div>
+                        </main>
                     </main>
 
                     <nav class="nav-wrapper" aria-label="Page navigation">
@@ -201,7 +266,7 @@
                         {{/previous}}
 
                         {{#next}}
-                            <a rel="next" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
+                            <a rel="next prefetch" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
                                 <i class="fa fa-angle-right"></i>
                             </a>
                         {{/next}}
@@ -219,7 +284,7 @@
                 {{/previous}}
 
                 {{#next}}
-                    <a rel="next" href="{{ path_to_root }}{{link}}" class="nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
+                    <a rel="next prefetch" href="{{ path_to_root }}{{link}}" class="nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
                         <i class="fa fa-angle-right"></i>
                     </a>
                 {{/next}}
@@ -246,25 +311,6 @@
         </script>
         {{/if}}
 
-        {{#if google_analytics}}
-        <!-- Google Analytics Tag -->
-        <script>
-            var localAddrs = ["localhost", "127.0.0.1", ""];
-
-            // make sure we don't activate google analytics if the developer is
-            // inspecting the book locally...
-            if (localAddrs.indexOf(document.location.hostname) === -1) {
-                (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-                })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-                ga('create', '{{google_analytics}}', 'auto');
-                ga('send', 'pageview');
-            }
-        </script>
-        {{/if}}
-
         {{#if playground_line_numbers}}
         <script>
             window.playground_line_numbers = true;
@@ -318,5 +364,7 @@
         {{/if}}
         {{/if}}
 
+
+    </div>
     </body>
 </html>
diff --git a/documentation/dev-portal/mdbook-admonish.css b/documentation/dev-portal/nym_themes/mdbook-admonish.css
similarity index 100%
rename from documentation/dev-portal/mdbook-admonish.css
rename to documentation/dev-portal/nym_themes/mdbook-admonish.css
diff --git a/documentation/dev-portal/nym_themes/pagetoc.css b/documentation/dev-portal/nym_themes/pagetoc.css
new file mode 100644
index 0000000000..651572ce55
--- /dev/null
+++ b/documentation/dev-portal/nym_themes/pagetoc.css
@@ -0,0 +1,101 @@
+:root {
+    --toc-width: 270px;
+    --center-content-toc-shift: calc(-1 * var(--toc-width) / 2);
+}
+
+.nav-chapters {
+    /* adjust width of buttons that bring to the previous or the next page */
+    min-width: 50px;
+}
+
+.previous {
+    /*
+    adjust the space between the left sidebar or the left side of the screen 
+    and the button that leads to the previous page
+    */
+    margin-left: var(--page-padding);
+}
+
+@media only screen {
+    main {
+        display: flex;
+    }
+
+    @media (max-width: 1179px) {
+        .sidebar-hidden .sidetoc {
+            display: none;
+        }
+    }
+
+    @media (max-width: 1439px) {
+        .sidebar-visible .sidetoc {
+            display: none;
+        }
+    }
+
+    @media (1180px <= width <= 1439px) {
+        .sidebar-hidden main {
+            position: relative;
+            left: var(--center-content-toc-shift);
+        }
+    }
+
+    @media (1440px <= width <= 1700px) {
+        .sidebar-visible main {
+            position: relative;
+            left: var(--center-content-toc-shift);
+        }
+    }
+
+    .content-wrap {
+        overflow-y: auto;
+        width: 100%;
+    }
+
+    .sidetoc {
+        margin-top: 20px;
+        margin-left: 10px;
+        margin-right: auto;
+    }
+    .pagetoc {
+        position: fixed;
+        /* adjust TOC width */
+        width: var(--toc-width);
+        height: calc(100vh - var(--menu-bar-height) - 0.67em * 4);
+        overflow: auto;
+    }
+    .pagetoc a {
+        border-left: 1px solid var(--sidebar-bg);
+        color: var(--fg) !important;
+        display: block;
+        padding-bottom: 5px;
+        padding-top: 5px;
+        padding-left: 10px;
+        text-align: left;
+        text-decoration: none;
+    }
+    .pagetoc a:hover,
+    .pagetoc a.active {
+        background: var(--sidebar-bg);
+        color: var(--sidebar-fg) !important;
+    }
+    .pagetoc .active {
+        background: var(--sidebar-bg);
+        color: var(--sidebar-fg);
+    }
+    .pagetoc .pagetoc-H2 {
+        padding-left: 20px;
+    }
+    .pagetoc .pagetoc-H3 {
+        padding-left: 40px;
+    }
+    .pagetoc .pagetoc-H4 {
+        padding-left: 60px;
+    }
+}
+
+@media print {
+    .sidetoc {
+        display: none;
+    }
+}
diff --git a/documentation/dev-portal/nym_themes/pagetoc.js b/documentation/dev-portal/nym_themes/pagetoc.js
new file mode 100644
index 0000000000..490d9e4c31
--- /dev/null
+++ b/documentation/dev-portal/nym_themes/pagetoc.js
@@ -0,0 +1,114 @@
+function forEach(elems, fun) {
+  Array.prototype.forEach.call(elems, fun);
+}
+
+function getPagetoc(){
+  return document.getElementsByClassName("pagetoc")[0]
+}
+
+function getPagetocElems() {
+  return getPagetoc().children;
+}
+
+function getHeaders(){
+  return document.getElementsByClassName("header")
+}
+
+// Un-active everything when you click it
+function forPagetocElem(fun) {
+  forEach(getPagetocElems(), fun);
+}
+
+function getRect(element) {
+  return element.getBoundingClientRect();
+}
+
+function overflowTop(container, element) {
+  return getRect(container).top - getRect(element).top;
+}
+
+function overflowBottom(container, element) {
+  return getRect(container).bottom - getRect(element).bottom;
+}
+
+var activeHref = location.href;
+
+var updateFunction = function (elem = undefined) {
+  var id = elem;
+
+  if (!id && location.href != activeHref) {
+    activeHref = location.href;
+    forPagetocElem(function (el) {
+      if (el.href === activeHref) {
+        id = el;
+      }
+    });
+  }
+
+  if (!id) {
+    var elements = getHeaders();
+    let margin = window.innerHeight / 3;
+
+    forEach(elements, function (el, i, arr) {
+      if (!id && getRect(el).top >= 0) {
+        if (getRect(el).top < margin) {
+          id = el;
+        } else {
+          id = arr[Math.max(0, i - 1)];
+        }
+      }
+      // a very long last section
+      // its heading is over the screen
+      if (!id && i == arr.length - 1) {
+        id = el
+      }
+    });
+  }
+
+  forPagetocElem(function (el) {
+    el.classList.remove("active");
+  });
+
+  if (!id) return;
+
+  forPagetocElem(function (el) {
+    if (id.href.localeCompare(el.href) == 0) {
+      el.classList.add("active");
+      let pagetoc = getPagetoc();
+      if (overflowTop(pagetoc, el) > 0) {
+        pagetoc.scrollTop = el.offsetTop;
+      }
+      if (overflowBottom(pagetoc, el) < 0) {
+        pagetoc.scrollTop -= overflowBottom(pagetoc, el);
+      }
+    }
+  });
+};
+
+let elements = getHeaders();
+
+if (elements.length > 1) {
+  // Populate sidebar on load
+  window.addEventListener("load", function () {
+    var pagetoc = getPagetoc();
+    var elements = getHeaders();
+    forEach(elements, function (el) {
+      var link = document.createElement("a");
+      link.appendChild(document.createTextNode(el.text));
+      link.href = el.hash;
+      link.classList.add("pagetoc-" + el.parentElement.tagName);
+      pagetoc.appendChild(link);
+      link.onclick = function () {
+        updateFunction(link);
+      };
+    });
+    updateFunction();
+  });
+
+  // Handle active elements on scroll
+  window.addEventListener("scroll", function () {
+    updateFunction();
+  });
+} else {
+  document.getElementsByClassName("sidetoc")[0].remove();
+}
diff --git a/documentation/dev-portal/theme/pagetoc.css b/documentation/dev-portal/theme/pagetoc.css
deleted file mode 100644
index a68e5b8e21..0000000000
--- a/documentation/dev-portal/theme/pagetoc.css
+++ /dev/null
@@ -1,47 +0,0 @@
-/* src: https://github.com/JorelAli/mdBook-pagetoc */
-
-@media only screen and (max-width:1439px) {
-    .sidetoc {
-        display: none;
-    }
-}
-
-@media only screen and (min-width:1440px) {
-    main {
-        position: relative;
-    }
-    .sidetoc {
-        margin-left: auto;
-        margin-right: auto;
-        /* left: calc(90% + (var(--content-min-width))/4 - 110px); */
-        left: 101%;
-        position: absolute;
-        font-size: var(--pagetoc-fontsize);
-    }
-    .pagetoc {
-        position: fixed;
-        width: var(--pagetoc-width);
-    }
-    .pagetoc a {
-        border-left: 1px solid var(--sidebar-bg);
-        /* color: var(--fg); */
-        /* color: var(--sidebar-fg); */
-        color: var(--links);
-        display: block;
-        padding-bottom: 5px;
-        padding-top: 5px;
-        padding-left: 10px;
-        text-align: left;
-        text-decoration: none;
-        font-weight: normal;
-        background: var(--sidebar-bg);
-    }
-    .pagetoc a:hover,
-    .pagetoc a.active {
-        background: var(--sidebar-bg);
-        /* color: var(--sidebar-fg); */
-        color: var(--sidebar-active);
-        font-weight: bold;
-        font-size: var(--pagetoc-fontsize);
-    }
-}
diff --git a/documentation/dev-portal/theme/pagetoc.js b/documentation/dev-portal/theme/pagetoc.js
deleted file mode 100644
index b11052427e..0000000000
--- a/documentation/dev-portal/theme/pagetoc.js
+++ /dev/null
@@ -1,68 +0,0 @@
-// src: https://github.com/JorelAli/mdBook-pagetoc
-
-// Un-active everything when you click it
-Array.prototype.forEach.call(document.getElementsByClassName("pagetoc")[0].children, function(el, i) {
-    el.addEventHandler("click", function() {
-        Array.prototype.forEach.call(document.getElementsByClassName("pagetoc")[0].children, function(el, i) {
-            el.classList.remove("active");
-        });
-        el.classList.add("active");
-    });
-});
-
-var updateFunction = function() {
-
-    var id;
-    var elements = document.getElementsByClassName("header");
-    Array.prototype.forEach.call(elements, function(el, i) {
-        if (window.pageYOffset >= el.offsetTop) {
-            id = el;
-        }
-    });
-
-    Array.prototype.forEach.call(document.getElementsByClassName("pagetoc")[0].children, function(el, i) {
-        el.classList.remove("active");
-    });
-
-    Array.prototype.forEach.call(document.getElementsByClassName("pagetoc")[0].children, function(el, i) {
-        if (id.href.localeCompare(el.href) == 0) {
-            el.classList.add("active");
-        }
-    });
-};
-
-// Populate sidebar on load
-window.addEventListener('load', function() {
-    var pagetoc = document.getElementsByClassName("pagetoc")[0];
-    var elements = document.getElementsByClassName("header");
-    Array.prototype.forEach.call(elements, function(el, i) {
-        var link = document.createElement("a");
-
-        // Indent shows hierarchy
-        var indent = "";
-        switch (el.parentElement.tagName) {
-            case "H2":
-                indent = "20px";
-                break;
-            case "H3":
-                indent = "40px";
-                break;
-            case "H4":
-                indent = "60px";
-                break;
-            default:
-                break;
-        }
-
-        link.appendChild(document.createTextNode(el.text));
-        link.style.paddingLeft = indent;
-        link.href = el.href;
-        pagetoc.appendChild(link);
-    });
-    updateFunction.call();
-});
-
-
-
-// Handle active elements on scroll
-window.addEventListener("scroll", updateFunction);
diff --git a/documentation/docs/.gitignore b/documentation/docs/.gitignore
index e84b38bdfb..757b40bb8d 100644
--- a/documentation/docs/.gitignore
+++ b/documentation/docs/.gitignore
@@ -1,27 +1,15 @@
 # mdbook files
-book
-book/*
-theme/index.hbs
-theme/pagetoc.css
-theme/pagetoc.js
-theme/*
-theme
+book/
+theme/
 
-# ---------------
 # Compiled assets
-# ---------------
 .sass-cache
 _site
 
-# ----------
 # Developing
-# ----------
 todo.md
-.vscode
+.idea
 
 # OSX
 .DS_Store
 
-theme/
-theme
-theme/*
diff --git a/documentation/docs/book.toml b/documentation/docs/book.toml
index d87f16e8f9..0f2732e7f3 100644
--- a/documentation/docs/book.toml
+++ b/documentation/docs/book.toml
@@ -3,7 +3,7 @@ title = "Nym Docs"
 authors = ["Max Hampshire, Serinko, Alexia Lorenza Martinel"]
 description = "Nym technical documentation"
 language = "en"
-multilingual = false # for the moment - ideally work on chinese, brazillian, spanish next
+multilingual = false # for the moment - ideally work on chinese, brazillian portugese, spanish next
 src = "src"
 
 [rust]
@@ -13,52 +13,32 @@ edition = "2018"
 # PREPROCESSORS #
 #################
 
-# Note if changing these fields:
-# - make sure you aren't running `mdbook serve`
-# - change value of `turn-off = true` to `false`. This is set to `true` usually to avoid a known constant-reload bug with `mdbook serve` and this preprocessor
-# - delete `./theme/` dir
-# - change the preprocessor values that you want to edit
-# - run `mdbook build`: this will rebuild the `./theme` directory
-# - change value of `turn-off` back to `true`
 [preprocessor.theme]
-pagetoc        = true
-# some variables related (defined in theme/css/variables.css)
-pagetoc-width            = "13%"
-content-max-width        = "70%" # 82
-pagetoc-fontsize         = "14.5px"
-sidebar-width            = "300px"
-menu-bar-height          = "40px" # memu-bar = the bar on the top
-page-padding             = "20px"
-mobile-content-max-width = "98%"
-
-# layout
-content-padding           = "0 10px"
-content-main-margin-left  = "10%"
-content-main-margin-right = "10%"
-nav-chapters-max-width    = "auto"
-nav-chapters-min-width    = "auto"
-chapter-line-height       = "2em"
-section-line-height       = "1.5em"
-
-# if true, never read and touch the files in theme dir: this is used to stop the looping reload issue referred to in the readme
+sidebar-width             = "280px"
+content-max-width         = "70%"
+content-main-margin-left  = "5%"
+content-main-margin-right = "5%"
+root-font-size            = "70%"
+# DO NOT CHANGE or you might overwrite the custom hbs file
 turn-off = true
 
 [preprocessor.admonish]
 command = "mdbook-admonish"
 assets_version = "3.0.0" # do not edit: managed by `mdbook-admonish install`
 
-# variables preprocessor: import variables into files
 # https://gitlab.com/tglman/mdbook-variables/
 [preprocessor.variables.variables]
 minimum_rust_version = "1.66"
 wallet_release_version = "1.2.8"
+# nym-vpn related variables
+nym_vpn_latest_binary_url = "https://github.com/nymtech/nym/releases/tag/nym-vpn-alpha-0.0.3"
+nym_vpn_form_url = "https://opnform.com/forms/nymvpn-user-research-at-37c3-yccqko-2"
 
 [preprocessor.last-changed]
 command = "mdbook-last-changed"
 renderer = ["html"]
 
-# used for grabbing output of binary commands for automation
-# https://github.com/FauconFan/mdbook-cmdrun
+# used for grabbing output of binary commands for automation https://github.com/FauconFan/mdbook-cmdrun
 [preprocessor.cmdrun]
 
 # more pre-processor plugins to look into from https://github.com/rust-lang/mdBook/wiki/Third-party-plugins & https://lib.rs/keywords/mdbook-preprocessor
@@ -79,20 +59,16 @@ extra-watch-dirs = []             # directories to watch for triggering builds
 ##########
 
 [output.html]
-theme         = "theme" # this is the default if not explicitly set
+theme         = "nym_themes"
 default-theme = "coal"
 preferred-dark-theme = "coal"
 curly-quotes = true
-# mathjax-support = false # useful if we want to pull equations in
 copy-fonts = true
 no-section-label = false
-additional-css = ["theme/pagetoc.css", "././mdbook-admonish.css", "./custom.css", "./mdbook-admonish.css"]
-additional-js  = ["theme/pagetoc.js"]
+additional-css = ["./nym_themes/custom.css", "./nym_themes/mdbook-admonish.css", "./nym_themes/pagetoc.css"]
+additional-js  = ["./nym_themes/pagetoc.js"]
 git-repository-url = "https://github.com/nymtech/nym"
 git-repository-icon = "fa-github"
-# edit-url-template = "https://github.com/rust-lang/mdBook/edit/master/guide/{path}"
-# site-url = "/docs/"
-# cname = "nymtech.net"
 input-404 = "not-found.md"
 
 [output.html.fold]
@@ -104,7 +80,7 @@ level = 0        # the depth to start folding
 editable = false         # allows editing the source code
 copyable = true          # include the copy button for copying code snippets
 copy-js = true           # includes the JavaScript for the code editor
-line-numbers = false     # displays line numbers for editable code
+line-numbers = true      # displays line numbers for editable code
 runnable = true          # displays a run button for rust code
 
 # options for the built in text search
diff --git a/documentation/docs/custom.css b/documentation/docs/custom.css
deleted file mode 100644
index 855f5eef5f..0000000000
--- a/documentation/docs/custom.css
+++ /dev/null
@@ -1,37 +0,0 @@
-:root {
-  --mono-font: Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace;
-}
-.coal {
-  --bg: #121726;
-  --fg: #f2f2f2;
-
-  --sidebar-bg: #121726;
-  --sidebar-fg: #f2f2f2;
-  --sidebar-active: #fb6e4e;
-
-  --icons: #f2f2f2;
-  --icons-hover: #fb6e4e;
-
-  --links: #fb6e4e;
-}
-
-.light {
-  --bg: #f4f6f8;
-  --fg: #121726;
-
-  --sidebar-bg: #f4f6f8;
-  --sidebar-fg: #121726;
-  --sidebar-active: #fb6e4e;
-
-  --icons: #121726;
-  --icons-hover: #fb6e4e;
-
-  --links: #fb6e4e;
-}
-
-footer {
-  font-size: 0.8em;
-  text-align: center;
-  border-top: 1px solid black;
-  padding: 5px 0;
-}
diff --git a/documentation/dev-portal/theme/css/chrome.css b/documentation/docs/nym_themes/css/chrome.css
similarity index 69%
rename from documentation/dev-portal/theme/css/chrome.css
rename to documentation/docs/nym_themes/css/chrome.css
index febd1d40a6..a0e30b81ff 100644
--- a/documentation/dev-portal/theme/css/chrome.css
+++ b/documentation/docs/nym_themes/css/chrome.css
@@ -2,12 +2,6 @@
 
 @import 'variables.css';
 
-::-webkit-scrollbar {
-    background: var(--bg);
-}
-::-webkit-scrollbar-thumb {
-    background: var(--scrollbar);
-}
 html {
     scrollbar-color: var(--scrollbar) var(--bg);
 }
@@ -18,6 +12,19 @@ a > .hljs {
     color: var(--links);
 }
 
+/*
+    body-container is necessary because mobile browsers don't seem to like
+    overflow-x on the body tag when there is a <meta name="viewport"> tag.
+*/
+#body-container {
+    /*
+        This is used when the sidebar pushes the body content off the side of
+        the screen on small screens. Without it, dragging on mobile Safari
+        will want to reposition the viewport in a weird way.
+    */
+    overflow-x: clip;
+}
+
 /* Menu Bar */
 
 #menu-bar,
@@ -30,9 +37,9 @@ a > .hljs {
     display: flex;
     flex-wrap: wrap;
     background-color: var(--bg);
-    border-bottom-color: var(--bg);
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
+    border-block-end-color: var(--bg);
+    border-block-end-width: 1px;
+    border-block-end-style: solid;
 }
 #menu-bar.sticky,
 .js #menu-bar-hover-placeholder:hover + #menu-bar,
@@ -49,7 +56,7 @@ a > .hljs {
     height: var(--menu-bar-height);
 }
 #menu-bar.bordered {
-    border-bottom-color: var(--table-border-color);
+    border-block-end-color: var(--table-border-color);
 }
 #menu-bar i, #menu-bar .icon-button {
     position: relative;
@@ -86,11 +93,13 @@ a > .hljs {
     display: flex;
     margin: 0 5px;
 }
-.no-js .left-buttons {
+.no-js .left-buttons button {
     display: none;
 }
 
 .menu-title {
+    position: absolute;
+    left: 50%;
     display: inline-block;
     font-weight: 200;
     font-size: 2.4rem;
@@ -153,7 +162,7 @@ a > .hljs {
 }
 
 .nav-wrapper {
-    margin-top: 50px;
+    margin-block-start: 50px;
     display: none;
 }
 
@@ -166,23 +175,34 @@ a > .hljs {
     background-color: var(--sidebar-bg);
 }
 
-.previous {
-    float: left;
-}
+/* Only Firefox supports flow-relative values */
+.previous { float: left; }
+[dir=rtl] .previous { float: right; }
 
+/* Only Firefox supports flow-relative values */
 .next {
     float: right;
     right: var(--page-padding);
 }
+[dir=rtl] .next {
+    float: left;
+    right: unset;
+    left: var(--page-padding);
+}
+
+/* Use the correct buttons for RTL layouts*/
+[dir=rtl] .previous i.fa-angle-left:before {content:"\f105";}
+[dir=rtl] .next i.fa-angle-right:before { content:"\f104"; }
 
 @media only screen and (max-width: 1080px) {
     .nav-wide-wrapper { display: none; }
     .nav-wrapper { display: block; }
 }
 
+/* sidebar-visible */
 @media only screen and (max-width: 1380px) {
-    .sidebar-visible .nav-wide-wrapper { display: none; }
-    .sidebar-visible .nav-wrapper { display: block; }
+    #sidebar-toggle-anchor:checked ~ .page-wrapper .nav-wide-wrapper { display: none; }
+    #sidebar-toggle-anchor:checked ~ .page-wrapper .nav-wrapper { display: block; }
 }
 
 /* Inline code */
@@ -229,7 +249,7 @@ pre > .buttons :hover {
     background-color: var(--theme-hover);
 }
 pre > .buttons i {
-    margin-left: 8px;
+    margin-inline-start: 8px;
 }
 pre > .buttons button {
     cursor: inherit;
@@ -251,8 +271,14 @@ pre > .buttons button {
         /* On mobile, make it easier to tap buttons. */
         padding: 0.3rem 1rem;
     }
+
+    .sidebar-resize-indicator {
+        /* Hide resize indicator on devices with limited accuracy */
+        display: none;
+    }
 }
 pre > code {
+    display: block;
     padding: 1rem;
 }
 
@@ -266,7 +292,7 @@ pre > code {
 }
 
 pre > .result {
-    margin-top: 10px;
+    margin-block-start: 10px;
 }
 
 /* Search */
@@ -277,8 +303,14 @@ pre > .result {
 
 mark {
     border-radius: 2px;
-    padding: 0 3px 1px 3px;
-    margin: 0 -3px -1px -3px;
+    padding-block-start: 0;
+    padding-block-end: 1px;
+    padding-inline-start: 3px;
+    padding-inline-end: 3px;
+    margin-block-start: 0;
+    margin-block-end: -1px;
+    margin-inline-start: -3px;
+    margin-inline-end: -3px;
     background-color: var(--search-mark-bg);
     transition: background-color 300ms linear;
     cursor: pointer;
@@ -290,14 +322,17 @@ mark.fade-out {
 }
 
 .searchbar-outer {
-    margin-left: auto;
-    margin-right: auto;
+    margin-inline-start: auto;
+    margin-inline-end: auto;
     max-width: var(--content-max-width);
 }
 
 #searchbar {
     width: 100%;
-    margin: 5px auto 0px auto;
+    margin-block-start: 5px;
+    margin-block-end: 0;
+    margin-inline-start: auto;
+    margin-inline-end: auto;
     padding: 10px 16px;
     transition: box-shadow 300ms ease-in-out;
     border: 1px solid var(--searchbar-border-color);
@@ -313,20 +348,23 @@ mark.fade-out {
 .searchresults-header {
     font-weight: bold;
     font-size: 1em;
-    padding: 18px 0 0 5px;
+    padding-block-start: 18px;
+    padding-block-end: 0;
+    padding-inline-start: 5px;
+    padding-inline-end: 0;
     color: var(--searchresults-header-fg);
 }
 
 .searchresults-outer {
-    margin-left: auto;
-    margin-right: auto;
+    margin-inline-start: auto;
+    margin-inline-end: auto;
     max-width: var(--content-max-width);
-    border-bottom: 1px dashed var(--searchresults-border-color);
+    border-block-end: 1px dashed var(--searchresults-border-color);
 }
 
 ul#searchresults {
     list-style: none;
-    padding-left: 20px;
+    padding-inline-start: 20px;
 }
 ul#searchresults li {
     margin: 10px 0px;
@@ -339,7 +377,10 @@ ul#searchresults li.focus {
 ul#searchresults span.teaser {
     display: block;
     clear: both;
-    margin: 5px 0 0 20px;
+    margin-block-start: 5px;
+    margin-block-end: 0;
+    margin-inline-start: 20px;
+    margin-inline-end: 0;
     font-size: 0.8em;
 }
 ul#searchresults span.teaser em {
@@ -355,19 +396,21 @@ ul#searchresults span.teaser em {
     top: 0;
     bottom: 0;
     width: var(--sidebar-width);
-    font-size: 1em;
+    font-size: 0.85em;
     box-sizing: border-box;
     -webkit-overflow-scrolling: touch;
     overscroll-behavior-y: contain;
     background-color: var(--sidebar-bg);
     color: var(--sidebar-fg);
 }
+[dir=rtl] .sidebar { left: unset; right: 0; }
 .sidebar-resizing {
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
+.no-js .sidebar,
 .js:not(.sidebar-resizing) .sidebar {
     transition: transform 0.3s; /* Animation: slide away */
 }
@@ -387,16 +430,35 @@ ul#searchresults span.teaser em {
     position: absolute;
     cursor: col-resize;
     width: 0;
-    right: 0;
+    right: calc(var(--sidebar-resize-indicator-width) * -1);
     top: 0;
     bottom: 0;
+    display: flex;
+    align-items: center;
+}
+
+.sidebar-resize-handle .sidebar-resize-indicator {
+    width: 100%;
+    height: 12px;
+    background-color: var(--icons);
+    margin-inline-start: var(--sidebar-resize-indicator-space);
+}
+
+[dir=rtl] .sidebar .sidebar-resize-handle {
+    left: calc(var(--sidebar-resize-indicator-width) * -1);
+    right: unset;
 }
 .js .sidebar .sidebar-resize-handle {
     cursor: col-resize;
-    width: 5px;
+    width: calc(var(--sidebar-resize-indicator-width) - var(--sidebar-resize-indicator-space));
 }
-.sidebar-hidden .sidebar {
-    transform: translateX(calc(0px - var(--sidebar-width)));
+/* sidebar-hidden */
+#sidebar-toggle-anchor:not(:checked) ~ .sidebar {
+    transform: translateX(calc(0px - var(--sidebar-width) - var(--sidebar-resize-indicator-width)));
+    z-index: -1;
+}
+[dir=rtl] #sidebar-toggle-anchor:not(:checked) ~ .sidebar {
+    transform: translateX(calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width)));
 }
 .sidebar::-webkit-scrollbar {
     background: var(--sidebar-bg);
@@ -405,19 +467,26 @@ ul#searchresults span.teaser em {
     background: var(--scrollbar);
 }
 
-.sidebar-visible .page-wrapper {
-    transform: translateX(var(--sidebar-width));
+/* sidebar-visible */
+#sidebar-toggle-anchor:checked ~ .page-wrapper {
+    transform: translateX(calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width)));
+}
+[dir=rtl] #sidebar-toggle-anchor:checked ~ .page-wrapper {
+    transform: translateX(calc(0px - var(--sidebar-width) - var(--sidebar-resize-indicator-width)));
 }
 @media only screen and (min-width: 620px) {
-    .sidebar-visible .page-wrapper {
+    #sidebar-toggle-anchor:checked ~ .page-wrapper {
+        transform: none;
+        margin-inline-start: calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width));
+    }
+    [dir=rtl] #sidebar-toggle-anchor:checked ~ .page-wrapper {
         transform: none;
-        margin-left: var(--sidebar-width);
     }
 }
 
 .chapter {
     list-style: none outside none;
-    padding-left: 0;
+    padding-inline-start: 0;
     line-height: 2em;
 }
 
@@ -447,7 +516,7 @@ ul#searchresults span.teaser em {
 .chapter li > a.toggle {
     cursor: pointer;
     display: block;
-    margin-left: auto;
+    margin-inline-start: auto;
     padding: 0 10px;
     user-select: none;
     opacity: 0.68;
@@ -464,7 +533,7 @@ ul#searchresults span.teaser em {
 
 .chapter li.chapter-item {
     line-height: 1.5em;
-    margin-top: 0.6em;
+    margin-block-start: 0.6em;
 }
 
 .chapter li.expanded > a.toggle div {
@@ -487,7 +556,7 @@ ul#searchresults span.teaser em {
 
 .section {
     list-style: none outside none;
-    padding-left: 20px;
+    padding-inline-start: 20px;
     line-height: 1.5em;
 }
 
@@ -510,6 +579,7 @@ ul#searchresults span.teaser em {
     /* Don't let the children's background extend past the rounded corners. */
     overflow: hidden;
 }
+[dir=rtl] .theme-popup { left: unset;  right: 10px; }
 .theme-popup .default {
     color: var(--icons);
 }
@@ -520,7 +590,7 @@ ul#searchresults span.teaser em {
     padding: 2px 20px;
     line-height: 25px;
     white-space: nowrap;
-    text-align: left;
+    text-align: start;
     cursor: pointer;
     color: inherit;
     background: inherit;
@@ -533,6 +603,6 @@ ul#searchresults span.teaser em {
 .theme-selected::before {
     display: inline-block;
     content: "✓";
-    margin-left: -14px;
+    margin-inline-start: -14px;
     width: 14px;
 }
diff --git a/documentation/operators/theme/css/general.css b/documentation/docs/nym_themes/css/general.css
similarity index 76%
rename from documentation/operators/theme/css/general.css
rename to documentation/docs/nym_themes/css/general.css
index a06db43965..df8c1d12d2 100644
--- a/documentation/operators/theme/css/general.css
+++ b/documentation/docs/nym_themes/css/general.css
@@ -5,6 +5,7 @@
 :root {
     /* Browser default font-size is 16px, this way 1 rem = 10px */
     font-size: 70%;
+    color-scheme: var(--color-scheme);
 }
 
 html {
@@ -24,6 +25,7 @@ body {
 code {
     font-family: var(--mono-font) !important;
     font-size: 0.9em;
+    direction: ltr !important;
 }
 
 /* make long words/inline code not x overflow */
@@ -47,13 +49,13 @@ h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
 .hide-boring .boring { display: none; }
 .hidden { display: none !important; }
 
-h2, h3 { margin-top: 2.5em; }
-h4, h5 { margin-top: 2em; }
+h2, h3 { margin-block-start: 2.5em; }
+h4, h5 { margin-block-start: 2em; }
 
 .header + .header h3,
 .header + .header h4,
 .header + .header h5 {
-    margin-top: 1em;
+    margin-block-start: 1em;
 }
 
 h1:target::before,
@@ -64,7 +66,7 @@ h5:target::before,
 h6:target::before {
     display: inline-block;
     content: "»";
-    margin-left: -30px;
+    margin-inline-start: -30px;
     width: 30px;
 }
 
@@ -73,28 +75,34 @@ h6:target::before {
    https://bugs.webkit.org/show_bug.cgi?id=218076
 */
 :target {
+    /* Safari does not support logical properties */
     scroll-margin-top: calc(var(--menu-bar-height) + 0.5em);
 }
 
 .page {
     outline: 0;
     padding: 0 var(--page-padding);
-    margin-top: calc(0px - var(--menu-bar-height)); /* Compensate for the #menu-bar-hover-placeholder */
+    margin-block-start: calc(0px - var(--menu-bar-height)); /* Compensate for the #menu-bar-hover-placeholder */
 }
 .page-wrapper {
     box-sizing: border-box;
+    background-color: var(--bg);
 }
+.no-js .page-wrapper,
 .js:not(.sidebar-resizing) .page-wrapper {
     transition: margin-left 0.3s ease, transform 0.3s ease; /* Animation: slide away */
 }
+[dir=rtl] .js:not(.sidebar-resizing) .page-wrapper {
+    transition: margin-right 0.3s ease, transform 0.3s ease; /* Animation: slide away */
+}
 
 .content {
     overflow-y: auto;
     padding: 0 10px;
 }
 .content main {
-    margin-left: 10%;
-    margin-right: 10%;
+    margin-inline-start: auto;
+    margin-inline-end: auto;
     max-width: var(--content-max-width);
 }
 .content p { line-height: 1.45em; }
@@ -144,8 +152,31 @@ blockquote {
     padding: 0 20px;
     color: var(--fg);
     background-color: var(--quote-bg);
-    border-top: .1em solid var(--quote-border);
-    border-bottom: .1em solid var(--quote-border);
+    border-block-start: .1em solid var(--quote-border);
+    border-block-end: .1em solid var(--quote-border);
+}
+
+.warning {
+    margin: 20px;
+    padding: 0 20px;
+    border-inline-start: 2px solid var(--warning-border);
+}
+
+.warning:before {
+    position: absolute;
+    width: 3rem;
+    height: 3rem;
+    margin-inline-start: calc(-1.5rem - 21px);
+    content: "ⓘ";
+    text-align: center;
+    background-color: var(--bg);
+    color: var(--warning-border);
+    font-weight: bold;
+    font-size: 2rem;
+}
+
+blockquote .warning:before {
+    background-color: var(--quote-bg);
 }
 
 kbd {
@@ -163,7 +194,7 @@ kbd {
 
 :not(.footnote-definition) + .footnote-definition,
 .footnote-definition + :not(.footnote-definition) {
-    margin-top: 2em;
+    margin-block-start: 2em;
 }
 .footnote-definition {
     font-size: 0.9em;
diff --git a/documentation/docs/nym_themes/css/variables.css b/documentation/docs/nym_themes/css/variables.css
new file mode 100644
index 0000000000..51b94cfc5a
--- /dev/null
+++ b/documentation/docs/nym_themes/css/variables.css
@@ -0,0 +1,287 @@
+
+/* Globals */
+
+:root {
+    --sidebar-width: 280px;
+    --sidebar-resize-indicator-width: 8px;
+    --sidebar-resize-indicator-space: 2px;
+    --page-padding: 15px;
+    --content-max-width: 80%;
+    --menu-bar-height: 40px;
+    --mono-font: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace;
+    --code-font-size: 0.875em /* please adjust the ace font size accordingly in editor.js */
+    --pagetoc-width: 13%;
+    --pagetoc-fontsize: 14.5px;
+}
+
+@media only screen and (max-width:1439px) {
+ :root{
+    --content-max-width: 98%;
+  }
+}
+
+/* Themes */
+
+.ayu {
+    --bg: hsl(210, 25%, 8%);
+    --fg: #c5c5c5;
+
+    --sidebar-bg: #14191f;
+    --sidebar-fg: #c8c9db;
+    --sidebar-non-existant: #5c6773;
+    --sidebar-active: #ffb454;
+    --sidebar-spacer: #2d334f;
+
+    --scrollbar: var(--sidebar-fg);
+
+    --icons: #737480;
+    --icons-hover: #b7b9cc;
+
+    --links: #0096cf;
+
+    --inline-code-color: #ffb454;
+
+    --theme-popup-bg: #14191f;
+    --theme-popup-border: #5c6773;
+    --theme-hover: #191f26;
+
+    --quote-bg: hsl(226, 15%, 17%);
+    --quote-border: hsl(226, 15%, 22%);
+
+    --warning-border: #ff8e00;
+
+    --table-border-color: hsl(210, 25%, 13%);
+    --table-header-bg: hsl(210, 25%, 28%);
+    --table-alternate-bg: hsl(210, 25%, 11%);
+
+    --searchbar-border-color: #848484;
+    --searchbar-bg: #424242;
+    --searchbar-fg: #fff;
+    --searchbar-shadow-color: #d4c89f;
+    --searchresults-header-fg: #666;
+    --searchresults-border-color: #888;
+    --searchresults-li-bg: #252932;
+    --search-mark-bg: #e3b171;
+
+    --color-scheme: dark;
+}
+
+.coal {
+    --bg: hsl(200, 7%, 8%);
+    --fg: #98a3ad;
+
+    --sidebar-bg: #292c2f;
+    --sidebar-fg: #a1adb8;
+    --sidebar-non-existant: #505254;
+    --sidebar-active: #3473ad;
+    --sidebar-spacer: #393939;
+
+    --scrollbar: var(--sidebar-fg);
+
+    --icons: #43484d;
+    --icons-hover: #b3c0cc;
+
+    --links: #2b79a2;
+
+    --inline-code-color: #c5c8c6;
+
+    --theme-popup-bg: #141617;
+    --theme-popup-border: #43484d;
+    --theme-hover: #1f2124;
+
+    --quote-bg: hsl(234, 21%, 18%);
+    --quote-border: hsl(234, 21%, 23%);
+
+    --warning-border: #ff8e00;
+
+    --table-border-color: hsl(200, 7%, 13%);
+    --table-header-bg: hsl(200, 7%, 28%);
+    --table-alternate-bg: hsl(200, 7%, 11%);
+
+    --searchbar-border-color: #aaa;
+    --searchbar-bg: #b7b7b7;
+    --searchbar-fg: #000;
+    --searchbar-shadow-color: #aaa;
+    --searchresults-header-fg: #666;
+    --searchresults-border-color: #98a3ad;
+    --searchresults-li-bg: #2b2b2f;
+    --search-mark-bg: #355c7d;
+
+    --color-scheme: dark;
+}
+
+.light {
+    --bg: hsl(0, 0%, 100%);
+    --fg: hsl(0, 0%, 0%);
+
+    --sidebar-bg: #fafafa;
+    --sidebar-fg: hsl(0, 0%, 0%);
+    --sidebar-non-existant: #aaaaaa;
+    --sidebar-active: #1f1fff;
+    --sidebar-spacer: #f4f4f4;
+
+    --scrollbar: #8F8F8F;
+
+    --icons: #747474;
+    --icons-hover: #000000;
+
+    --links: #1f1fff;
+
+    --inline-code-color: #F42C4C;
+
+    --theme-popup-bg: #fafafa;
+    --theme-popup-border: #cccccc;
+    --theme-hover: #e6e6e6;
+
+    --quote-bg: hsl(197, 37%, 96%);
+    --quote-border: hsl(197, 37%, 91%);
+
+    --warning-border: #ff8e00;
+
+    --table-border-color: hsl(0, 0%, 95%);
+    --table-header-bg: hsl(0, 0%, 80%);
+    --table-alternate-bg: hsl(0, 0%, 97%);
+
+    --searchbar-border-color: #aaa;
+    --searchbar-bg: #fafafa;
+    --searchbar-fg: #000;
+    --searchbar-shadow-color: #aaa;
+    --searchresults-header-fg: #666;
+    --searchresults-border-color: #888;
+    --searchresults-li-bg: #e4f2fe;
+    --search-mark-bg: #a2cff5;
+
+    --color-scheme: light;
+}
+
+.navy {
+    --bg: hsl(226, 23%, 11%);
+    --fg: #bcbdd0;
+
+    --sidebar-bg: #282d3f;
+    --sidebar-fg: #c8c9db;
+    --sidebar-non-existant: #505274;
+    --sidebar-active: #2b79a2;
+    --sidebar-spacer: #2d334f;
+
+    --scrollbar: var(--sidebar-fg);
+
+    --icons: #737480;
+    --icons-hover: #b7b9cc;
+
+    --links: #2b79a2;
+
+    --inline-code-color: #c5c8c6;
+
+    --theme-popup-bg: #161923;
+    --theme-popup-border: #737480;
+    --theme-hover: #282e40;
+
+    --quote-bg: hsl(226, 15%, 17%);
+    --quote-border: hsl(226, 15%, 22%);
+
+    --warning-border: #ff8e00;
+
+    --table-border-color: hsl(226, 23%, 16%);
+    --table-header-bg: hsl(226, 23%, 31%);
+    --table-alternate-bg: hsl(226, 23%, 14%);
+
+    --searchbar-border-color: #aaa;
+    --searchbar-bg: #aeaec6;
+    --searchbar-fg: #000;
+    --searchbar-shadow-color: #aaa;
+    --searchresults-header-fg: #5f5f71;
+    --searchresults-border-color: #5c5c68;
+    --searchresults-li-bg: #242430;
+    --search-mark-bg: #a2cff5;
+
+    --color-scheme: dark;
+}
+
+.rust {
+    --bg: hsl(60, 9%, 87%);
+    --fg: #262625;
+
+    --sidebar-bg: #3b2e2a;
+    --sidebar-fg: #c8c9db;
+    --sidebar-non-existant: #505254;
+    --sidebar-active: #e69f67;
+    --sidebar-spacer: #45373a;
+
+    --scrollbar: var(--sidebar-fg);
+
+    --icons: #737480;
+    --icons-hover: #262625;
+
+    --links: #2b79a2;
+
+    --inline-code-color: #6e6b5e;
+
+    --theme-popup-bg: #e1e1db;
+    --theme-popup-border: #b38f6b;
+    --theme-hover: #99908a;
+
+    --quote-bg: hsl(60, 5%, 75%);
+    --quote-border: hsl(60, 5%, 70%);
+
+    --warning-border: #ff8e00;
+
+    --table-border-color: hsl(60, 9%, 82%);
+    --table-header-bg: #b3a497;
+    --table-alternate-bg: hsl(60, 9%, 84%);
+
+    --searchbar-border-color: #aaa;
+    --searchbar-bg: #fafafa;
+    --searchbar-fg: #000;
+    --searchbar-shadow-color: #aaa;
+    --searchresults-header-fg: #666;
+    --searchresults-border-color: #888;
+    --searchresults-li-bg: #dec2a2;
+    --search-mark-bg: #e69f67;
+
+    --color-scheme: light;
+}
+
+@media (prefers-color-scheme: dark) {
+    .light.no-js {
+        --bg: hsl(200, 7%, 8%);
+        --fg: #98a3ad;
+
+        --sidebar-bg: #292c2f;
+        --sidebar-fg: #a1adb8;
+        --sidebar-non-existant: #505254;
+        --sidebar-active: #3473ad;
+        --sidebar-spacer: #393939;
+
+        --scrollbar: var(--sidebar-fg);
+
+        --icons: #43484d;
+        --icons-hover: #b3c0cc;
+
+        --links: #2b79a2;
+
+        --inline-code-color: #c5c8c6;
+
+        --theme-popup-bg: #141617;
+        --theme-popup-border: #43484d;
+        --theme-hover: #1f2124;
+
+        --quote-bg: hsl(234, 21%, 18%);
+        --quote-border: hsl(234, 21%, 23%);
+
+        --warning-border: #ff8e00;
+
+        --table-border-color: hsl(200, 7%, 13%);
+        --table-header-bg: hsl(200, 7%, 28%);
+        --table-alternate-bg: hsl(200, 7%, 11%);
+
+        --searchbar-border-color: #aaa;
+        --searchbar-bg: #b7b7b7;
+        --searchbar-fg: #000;
+        --searchbar-shadow-color: #aaa;
+        --searchresults-header-fg: #666;
+        --searchresults-border-color: #98a3ad;
+        --searchresults-li-bg: #2b2b2f;
+        --search-mark-bg: #355c7d;
+    }
+}
diff --git a/documentation/docs/nym_themes/custom.css b/documentation/docs/nym_themes/custom.css
new file mode 100644
index 0000000000..8005eb68df
--- /dev/null
+++ b/documentation/docs/nym_themes/custom.css
@@ -0,0 +1,54 @@
+:root {
+  --mono-font: Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace;
+}
+
+.coal {
+  --fg: #f2f2f2;
+  --sidebar-fg: #f2f2f2;
+  --sidebar-active: #fb6e4e;
+  --icons-hover: #fb6e4e;
+  --links: #fb6e4e;
+  ::selection {
+    color: #121726;
+    background-color: #c5573d;
+  }
+  select option {
+    background-color: #121726;
+  }
+}
+
+.light {
+  --sidebar-active: #fb6e4e;
+  --icons-hover: #fb6e4e;
+  --links: #fb6e4e;
+  ::selection {
+    color:#f2f2f2;
+    background-color: #c5573d;
+  }
+}
+
+/*properly centering the title given the additional header items*/
+.menu-title {
+  position: absolute;
+  left: 50%;
+}
+.menu-bar .a:hover,
+
+/*necessary because of ^*/
+.right-buttons {
+  position: absolute;
+  right: 0;
+}
+
+select {
+  font-size: 16px;
+}
+
+
+
+footer {
+  font-size: 0.8em;
+  text-align: center;
+  border-top: 1px solid black;
+  padding: 5px 0;
+}
diff --git a/documentation/docs/nym_themes/index.hbs b/documentation/docs/nym_themes/index.hbs
new file mode 100644
index 0000000000..b8115558e3
--- /dev/null
+++ b/documentation/docs/nym_themes/index.hbs
@@ -0,0 +1,381 @@
+<!DOCTYPE HTML>
+<html lang="{{ language }}" class="{{ default_theme }}" dir="{{ text_direction }}">
+    <head>
+        <!-- Book generated using mdBook -->
+        <meta charset="UTF-8">
+        <title>{{ title }}</title>
+        {{#if is_print }}
+        <meta name="robots" content="noindex">
+        {{/if}}
+        {{#if base_url}}
+        <base href="{{ base_url }}">
+        {{/if}}
+
+
+        <!-- Custom HTML head -->
+        {{> head}}
+
+        <meta name="description" content="{{ description }}">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="theme-color" content="#ffffff">
+
+        {{#if favicon_svg}}
+        <link rel="icon" href="{{ path_to_root }}favicon.svg">
+        {{/if}}
+        {{#if favicon_png}}
+        <link rel="shortcut icon" href="{{ path_to_root }}favicon.png">
+        {{/if}}
+        <link rel="stylesheet" href="{{ path_to_root }}css/variables.css">
+        <link rel="stylesheet" href="{{ path_to_root }}css/general.css">
+        <link rel="stylesheet" href="{{ path_to_root }}css/chrome.css">
+        {{#if print_enable}}
+        <link rel="stylesheet" href="{{ path_to_root }}css/print.css" media="print">
+        {{/if}}
+
+        <!-- Fonts -->
+        <link rel="stylesheet" href="{{ path_to_root }}FontAwesome/css/font-awesome.css">
+        {{#if copy_fonts}}
+        <link rel="stylesheet" href="{{ path_to_root }}fonts/fonts.css">
+        {{/if}}
+
+        <!-- Highlight.js Stylesheets -->
+        <link rel="stylesheet" href="{{ path_to_root }}highlight.css">
+        <link rel="stylesheet" href="{{ path_to_root }}tomorrow-night.css">
+        <link rel="stylesheet" href="{{ path_to_root }}ayu-highlight.css">
+
+        <!-- Custom theme stylesheets -->
+        {{#each additional_css}}
+        <link rel="stylesheet" href="{{ ../path_to_root }}{{ this }}">
+        {{/each}}
+
+<!--        {{#if mathjax_support}}-->
+<!--        &lt;!&ndash; MathJax &ndash;&gt;-->
+<!--        <script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>-->
+<!--        {{/if}}-->
+    </head>
+    <body class="sidebar-visible no-js">
+    <div id="body-container">
+        <!-- Provide site root to javascript -->
+        <script>
+            var path_to_root = "{{ path_to_root }}";
+            var default_theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "{{ preferred_dark_theme }}" : "{{ default_theme }}";
+        </script>
+
+        <!-- Work around some values being stored in localStorage wrapped in quotes -->
+        <script>
+            try {
+                var theme = localStorage.getItem('mdbook-theme');
+                var sidebar = localStorage.getItem('mdbook-sidebar');
+
+                if (theme.startsWith('"') && theme.endsWith('"')) {
+                    localStorage.setItem('mdbook-theme', theme.slice(1, theme.length - 1));
+                }
+
+                if (sidebar.startsWith('"') && sidebar.endsWith('"')) {
+                    localStorage.setItem('mdbook-sidebar', sidebar.slice(1, sidebar.length - 1));
+                }
+            } catch (e) { }
+        </script>
+
+        <!-- Set the theme before any content is loaded, prevents flash -->
+        <script>
+            var theme;
+            try { theme = localStorage.getItem('mdbook-theme'); } catch(e) { }
+            if (theme === null || theme === undefined) { theme = default_theme; }
+            var html = document.querySelector('html');
+            html.classList.remove('{{ default_theme }}')
+            html.classList.add(theme);
+            var body = document.querySelector('body');
+            body.classList.remove('no-js')
+            body.classList.add('js');
+        </script>
+
+        <input type="checkbox" id="sidebar-toggle-anchor" class="hidden">
+
+        <!-- Hide / unhide sidebar before it is displayed -->
+        <script>
+            var body = document.querySelector('body');
+            var sidebar = null;
+            var sidebar_toggle = document.getElementById("sidebar-toggle-anchor");
+            if (document.body.clientWidth >= 1080) {
+                try { sidebar = localStorage.getItem('mdbook-sidebar'); } catch(e) { }
+                sidebar = sidebar || 'visible';
+            } else {
+                sidebar = 'hidden';
+            }
+            sidebar_toggle.checked = sidebar === 'visible';
+            body.classList.remove('sidebar-visible');
+            body.classList.add("sidebar-" + sidebar);
+        </script>
+
+        <nav id="sidebar" class="sidebar" aria-label="Table of contents">
+            <div class="sidebar-scrollbox">
+                {{#toc}}{{/toc}}
+            </div>
+            <div id="sidebar-resize-handle" class="sidebar-resize-handle">
+                <div class="sidebar-resize-indicator"></div>
+            </div>
+        </nav>
+
+        <!-- Track and set sidebar scroll position -->
+        <script>
+            var sidebarScrollbox = document.querySelector('#sidebar .sidebar-scrollbox');
+            sidebarScrollbox.addEventListener('click', function(e) {
+                if (e.target.tagName === 'A') {
+                    sessionStorage.setItem('sidebar-scroll', sidebarScrollbox.scrollTop);
+                }
+            }, { passive: true });
+            var sidebarScrollTop = sessionStorage.getItem('sidebar-scroll');
+            sessionStorage.removeItem('sidebar-scroll');
+            if (sidebarScrollTop) {
+                // preserve sidebar scroll position when navigating via links within sidebar
+                sidebarScrollbox.scrollTop = sidebarScrollTop;
+            } else {
+                // scroll sidebar to current active section when navigating via "next/previous chapter" buttons
+                var activeSection = document.querySelector('#sidebar .active');
+                if (activeSection) {
+                    activeSection.scrollIntoView({ block: 'center' });
+                }
+            }
+        </script>
+
+        <div id="page-wrapper" class="page-wrapper">
+
+            <div class="page">
+                {{> header}}
+                <div id="menu-bar-hover-placeholder"></div>
+                <div id="menu-bar" class="menu-bar sticky">
+                    <div class="left-buttons">
+                        <label id="sidebar-toggle" class="icon-button" for="sidebar-toggle-anchor" title="Toggle Table of Contents" aria-label="Toggle Table of Contents" aria-controls="sidebar">
+                            <i class="fa fa-bars"></i>
+                        </label>
+
+                        <button id="theme-toggle" class="icon-button" type="button" title="Change theme" aria-label="Change theme" aria-haspopup="true" aria-expanded="false" aria-controls="theme-list">
+                            <i class="fa fa-paint-brush"></i>
+                        </button>
+                        <ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
+                            <li role="none"><button role="menuitem" class="theme" id="light">Light</button></li>
+                            <li role="none"><button role="menuitem" class="theme" id="coal">Dark</button></li>
+                        </ul>
+
+                        <!-- CUSTOM -->
+                        <select id="dropdown-menu3" class="icon-button">
+                            <option value="">Network Protocol</option>
+                            <option value="https://nymtech.net/docs">Network Docs</option>
+                            <option value="https://nymtech.net/learn/papers">Academic Papers</option>
+                        </select>
+
+                        <select id="dropdown-menu" class="icon-button">
+                            <option value="">Developer Docs</option>
+                            <option value="https://nymtech.net/developers">Dev Portal</option>
+                            <option value="https://nymtech.net/docs/sdk/rust/rust.html">Rust SDK</option>
+                            <option value="https://sdk.nymtech.net">Typescript SDK</option>
+                        </select>
+
+                        <select id="dropdown-menu2" class="icon-button">
+                            <option value="">Setup Guides</option>
+                            <option value="https://nymtech.net/operators">Operators</option>
+                            <option value="https://nymtech.net/developers/nymvpn/intro.html">NymVPN Testing</option>
+                        </select>
+
+                        <script>
+                            document.getElementById('dropdown-menu').addEventListener('change', function() {
+                                const selected = this.options[this.selectedIndex];
+                                if (selected.value !== '') {
+                                    window.location.href = selected.value;
+                                }
+                            });
+                        </script>
+
+                        <script>
+                            document.getElementById('dropdown-menu2').addEventListener('change', function() {
+                                const selected = this.options[this.selectedIndex];
+                                if (selected.value !== '') {
+                                    window.location.href = selected.value;
+                                }
+                            });
+                        </script>
+
+                        <script>
+                            document.getElementById('dropdown-menu3').addEventListener('change', function() {
+                                const selected = this.options[this.selectedIndex];
+                                if (selected.value !== '') {
+                                    window.location.href = selected.value;
+                                }
+                            });
+                        </script>
+                        <!-- END CUSTOM -->
+                    </div>
+
+                    <h1 class="menu-title"> {{ book_title }}</h1>
+
+                    <div class="right-buttons">
+                        {{#if search_enabled}}
+                            <button id="search-toggle" class="icon-button" type="button" title="Search. (Shortkey: s)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="S" aria-controls="searchbar">
+                                <i class="fa fa-search"></i>
+                            </button>
+                        {{/if}}
+                        {{#if print_enable}}
+                        <a href="{{ path_to_root }}print.html" title="Print this book" aria-label="Print this book">
+                            <i id="print-button" class="fa fa-print"></i>
+                        </a>
+                        {{/if}}
+                        {{#if git_repository_url}}
+                        <a href="{{git_repository_url}}" title="Git repository" aria-label="Git repository">
+                            <i id="git-repository-button" class="fa {{git_repository_icon}}"></i>
+                        </a>
+                        {{/if}}
+                        {{#if git_repository_edit_url}}
+                        <a href="{{git_repository_edit_url}}" title="Suggest an edit" aria-label="Suggest an edit">
+                            <i id="git-edit-button" class="fa fa-edit"></i>
+                        </a>
+                        {{/if}}
+
+                    </div>
+                </div>
+
+                {{#if search_enabled}}
+                <div id="search-wrapper" class="hidden">
+                    <form id="searchbar-outer" class="searchbar-outer">
+                        <input type="search" id="searchbar" name="searchbar" placeholder="Search this book ..." aria-controls="searchresults-outer" aria-describedby="searchresults-header">
+                    </form>
+                    <div id="searchresults-outer" class="searchresults-outer hidden">
+                        <div id="searchresults-header" class="searchresults-header"></div>
+                        <ul id="searchresults">
+                        </ul>
+                    </div>
+                </div>
+                {{/if}}
+
+                <!-- Apply ARIA attributes after the sidebar and the sidebar toggle button are added to the DOM -->
+                <script>
+                    document.getElementById('sidebar-toggle').setAttribute('aria-expanded', sidebar === 'visible');
+                    document.getElementById('sidebar').setAttribute('aria-hidden', sidebar !== 'visible');
+                    Array.from(document.querySelectorAll('#sidebar a')).forEach(function(link) {
+                        link.setAttribute('tabIndex', sidebar === 'visible' ? 0 : -1);
+                    });
+                </script>
+
+                <div id="content" class="content">
+                    <main>
+                        <main>
+                            <div class="content-wrap">
+                        {{{ content }}}
+                            </div>
+                            <div class="sidetoc">
+                                <nav class="pagetoc"></nav>
+                            </div>
+                        </main>
+                    </main>
+
+                    <nav class="nav-wrapper" aria-label="Page navigation">
+                        <!-- Mobile navigation buttons -->
+                        {{#previous}}
+                            <a rel="prev" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
+                                <i class="fa fa-angle-left"></i>
+                            </a>
+                        {{/previous}}
+
+                        {{#next}}
+                            <a rel="next prefetch" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
+                                <i class="fa fa-angle-right"></i>
+                            </a>
+                        {{/next}}
+
+                        <div style="clear: both"></div>
+                    </nav>
+                </div>
+            </div>
+
+            <nav class="nav-wide-wrapper" aria-label="Page navigation">
+                {{#previous}}
+                    <a rel="prev" href="{{ path_to_root }}{{link}}" class="nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
+                        <i class="fa fa-angle-left"></i>
+                    </a>
+                {{/previous}}
+
+                {{#next}}
+                    <a rel="next prefetch" href="{{ path_to_root }}{{link}}" class="nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
+                        <i class="fa fa-angle-right"></i>
+                    </a>
+                {{/next}}
+            </nav>
+
+        </div>
+
+        {{#if live_reload_endpoint}}
+        <!-- Livereload script (if served using the cli tool) -->
+        <script>
+            const wsProtocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
+            const wsAddress = wsProtocol + "//" + location.host + "/" + "{{{live_reload_endpoint}}}";
+            const socket = new WebSocket(wsAddress);
+            socket.onmessage = function (event) {
+                if (event.data === "reload") {
+                    socket.close();
+                    location.reload();
+                }
+            };
+
+            window.onbeforeunload = function() {
+                socket.close();
+            }
+        </script>
+        {{/if}}
+
+        {{#if playground_line_numbers}}
+        <script>
+            window.playground_line_numbers = true;
+        </script>
+        {{/if}}
+
+        {{#if playground_copyable}}
+        <script>
+            window.playground_copyable = true;
+        </script>
+        {{/if}}
+
+        {{#if playground_js}}
+        <script src="{{ path_to_root }}ace.js"></script>
+        <script src="{{ path_to_root }}editor.js"></script>
+        <script src="{{ path_to_root }}mode-rust.js"></script>
+        <script src="{{ path_to_root }}theme-dawn.js"></script>
+        <script src="{{ path_to_root }}theme-tomorrow_night.js"></script>
+        {{/if}}
+
+        {{#if search_js}}
+        <script src="{{ path_to_root }}elasticlunr.min.js"></script>
+        <script src="{{ path_to_root }}mark.min.js"></script>
+        <script src="{{ path_to_root }}searcher.js"></script>
+        {{/if}}
+
+        <script src="{{ path_to_root }}clipboard.min.js"></script>
+        <script src="{{ path_to_root }}highlight.js"></script>
+        <script src="{{ path_to_root }}book.js"></script>
+
+        <!-- Custom JS scripts -->
+        {{#each additional_js}}
+        <script src="{{ ../path_to_root }}{{this}}"></script>
+        {{/each}}
+
+        {{#if is_print}}
+        {{#if mathjax_support}}
+        <script>
+        window.addEventListener('load', function() {
+            MathJax.Hub.Register.StartupHook('End', function() {
+                window.setTimeout(window.print, 100);
+            });
+        });
+        </script>
+        {{else}}
+        <script>
+        window.addEventListener('load', function() {
+            window.setTimeout(window.print, 100);
+        });
+        </script>
+        {{/if}}
+        {{/if}}
+
+
+    </div>
+    </body>
+</html>
diff --git a/documentation/docs/nym_themes/index.hbs.bak b/documentation/docs/nym_themes/index.hbs.bak
new file mode 100644
index 0000000000..d2a64dbc97
--- /dev/null
+++ b/documentation/docs/nym_themes/index.hbs.bak
@@ -0,0 +1,370 @@
+<!DOCTYPE HTML>
+<html lang="{{ language }}" class="{{ default_theme }}" dir="{{ text_direction }}">
+    <head>
+        <!-- Book generated using mdBook -->
+        <meta charset="UTF-8">
+        <title>{{ title }}</title>
+        {{#if is_print }}
+        <meta name="robots" content="noindex">
+        {{/if}}
+        {{#if base_url}}
+        <base href="{{ base_url }}">
+        {{/if}}
+
+
+        <!-- Custom HTML head -->
+        {{> head}}
+
+        <meta name="description" content="{{ description }}">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="theme-color" content="#ffffff">
+
+        {{#if favicon_svg}}
+        <link rel="icon" href="{{ path_to_root }}favicon.svg">
+        {{/if}}
+        {{#if favicon_png}}
+        <link rel="shortcut icon" href="{{ path_to_root }}favicon.png">
+        {{/if}}
+        <link rel="stylesheet" href="{{ path_to_root }}css/variables.css">
+        <link rel="stylesheet" href="{{ path_to_root }}css/general.css">
+        <link rel="stylesheet" href="{{ path_to_root }}css/chrome.css">
+        {{#if print_enable}}
+        <link rel="stylesheet" href="{{ path_to_root }}css/print.css" media="print">
+        {{/if}}
+
+        <!-- Fonts -->
+        <link rel="stylesheet" href="{{ path_to_root }}FontAwesome/css/font-awesome.css">
+        {{#if copy_fonts}}
+        <link rel="stylesheet" href="{{ path_to_root }}fonts/fonts.css">
+        {{/if}}
+
+        <!-- Highlight.js Stylesheets -->
+        <link rel="stylesheet" href="{{ path_to_root }}highlight.css">
+        <link rel="stylesheet" href="{{ path_to_root }}tomorrow-night.css">
+        <link rel="stylesheet" href="{{ path_to_root }}ayu-highlight.css">
+
+        <!-- Custom theme stylesheets -->
+        {{#each additional_css}}
+        <link rel="stylesheet" href="{{ ../path_to_root }}{{ this }}">
+        {{/each}}
+
+        {{#if mathjax_support}}
+        <!-- MathJax -->
+        <script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+        {{/if}}
+    </head>
+    <body class="sidebar-visible no-js">
+    <div id="body-container">
+        <!-- Provide site root to javascript -->
+        <script>
+            var path_to_root = "{{ path_to_root }}";
+            var default_theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "{{ preferred_dark_theme }}" : "{{ default_theme }}";
+        </script>
+
+        <!-- Work around some values being stored in localStorage wrapped in quotes -->
+        <script>
+            try {
+                var theme = localStorage.getItem('mdbook-theme');
+                var sidebar = localStorage.getItem('mdbook-sidebar');
+
+                if (theme.startsWith('"') && theme.endsWith('"')) {
+                    localStorage.setItem('mdbook-theme', theme.slice(1, theme.length - 1));
+                }
+
+                if (sidebar.startsWith('"') && sidebar.endsWith('"')) {
+                    localStorage.setItem('mdbook-sidebar', sidebar.slice(1, sidebar.length - 1));
+                }
+            } catch (e) { }
+        </script>
+
+        <!-- Set the theme before any content is loaded, prevents flash -->
+        <script>
+            var theme;
+            try { theme = localStorage.getItem('mdbook-theme'); } catch(e) { }
+            if (theme === null || theme === undefined) { theme = default_theme; }
+            var html = document.querySelector('html');
+            html.classList.remove('{{ default_theme }}')
+            html.classList.add(theme);
+            var body = document.querySelector('body');
+            body.classList.remove('no-js')
+            body.classList.add('js');
+        </script>
+
+        <input type="checkbox" id="sidebar-toggle-anchor" class="hidden">
+
+        <!-- Hide / unhide sidebar before it is displayed -->
+        <script>
+            var body = document.querySelector('body');
+            var sidebar = null;
+            var sidebar_toggle = document.getElementById("sidebar-toggle-anchor");
+            if (document.body.clientWidth >= 1080) {
+                try { sidebar = localStorage.getItem('mdbook-sidebar'); } catch(e) { }
+                sidebar = sidebar || 'visible';
+            } else {
+                sidebar = 'hidden';
+            }
+            sidebar_toggle.checked = sidebar === 'visible';
+            body.classList.remove('sidebar-visible');
+            body.classList.add("sidebar-" + sidebar);
+        </script>
+
+        <nav id="sidebar" class="sidebar" aria-label="Table of contents">
+            <div class="sidebar-scrollbox">
+                {{#toc}}{{/toc}}
+            </div>
+            <div id="sidebar-resize-handle" class="sidebar-resize-handle">
+                <div class="sidebar-resize-indicator"></div>
+            </div>
+        </nav>
+
+        <!-- Track and set sidebar scroll position -->
+        <script>
+            var sidebarScrollbox = document.querySelector('#sidebar .sidebar-scrollbox');
+            sidebarScrollbox.addEventListener('click', function(e) {
+                if (e.target.tagName === 'A') {
+                    sessionStorage.setItem('sidebar-scroll', sidebarScrollbox.scrollTop);
+                }
+            }, { passive: true });
+            var sidebarScrollTop = sessionStorage.getItem('sidebar-scroll');
+            sessionStorage.removeItem('sidebar-scroll');
+            if (sidebarScrollTop) {
+                // preserve sidebar scroll position when navigating via links within sidebar
+                sidebarScrollbox.scrollTop = sidebarScrollTop;
+            } else {
+                // scroll sidebar to current active section when navigating via "next/previous chapter" buttons
+                var activeSection = document.querySelector('#sidebar .active');
+                if (activeSection) {
+                    activeSection.scrollIntoView({ block: 'center' });
+                }
+            }
+        </script>
+
+        <div id="page-wrapper" class="page-wrapper">
+
+            <div class="page">
+                {{> header}}
+                <div id="menu-bar-hover-placeholder"></div>
+                <div id="menu-bar" class="menu-bar sticky">
+                    <div class="left-buttons">
+                        <label id="sidebar-toggle" class="icon-button" for="sidebar-toggle-anchor" title="Toggle Table of Contents" aria-label="Toggle Table of Contents" aria-controls="sidebar">
+                            <i class="fa fa-bars"></i>
+                        </label>
+
+                        <!-- TODO remove weird padding here -->
+                        <button id="theme-toggle" class="icon-button" type="button" title="Change theme" aria-label="Change theme" aria-haspopup="true" aria-expanded="false" aria-controls="theme-list">
+                            <i class="fa fa-paint-brush"></i>
+                        </button>
+                        <ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
+                            <li role="none"><button role="menuitem" class="theme" id="light">Light</button></li>
+                            <li role="none"><button role="menuitem" class="theme" id="coal">Dark</button></li>
+                        </ul>
+
+                        <!-- CUSTOM -->
+                        <!-- TODO style when open -->
+                        <select id="dropdown-menu" class="icon-button">
+                            <option value="">SDKS</option>
+                            <option value="https://nymtech.net/docs/sdk/rust/rust.html">Rust</option>
+                            <option value="https://sdk.nymtech.net">Typescript</option>
+                        </select>
+
+                        <!-- TODO style when open -->
+                        <select id="dropdown-menu2" class="icon-button">
+                            <option value="">Doc Sites</option>
+                            <option value="https://nymtech.net/developers">Dev Portal</option>
+                            <option value="https://nymtech.net/docs/introduction.html">Network Docs</option>
+                            <option value="https://https://nymtech.net/operators">Operator Docs</option>
+                        </select>
+
+                        <script>
+                            document.getElementById('dropdown-menu').addEventListener('change', function() {
+                                const selected = this.options[this.selectedIndex];
+                                if (selected.value !== '') {
+                                    window.location.href = selected.value;
+                                }
+                            });
+                        </script>
+
+                        <script>
+                            document.getElementById('dropdown-menu2').addEventListener('change', function() {
+                                const selected = this.options[this.selectedIndex];
+                                if (selected.value !== '') {
+                                    window.location.href = selected.value;
+                                }
+                            });
+                        </script>
+                        <!-- END CUSTOM -->
+
+                    </div>
+
+                    <h1 class="menu-title">{{ book_title }}</h1>
+
+                    <div class="right-buttons">
+                        {{#if search_enabled}}
+                            <button id="search-toggle" class="icon-button" type="button" title="Search. (Shortkey: s)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="S" aria-controls="searchbar">
+                                <i class="fa fa-search"></i>
+                            </button>
+                        {{/if}}
+                        {{#if print_enable}}
+                        <a href="{{ path_to_root }}print.html" title="Print this book" aria-label="Print this book">
+                            <i id="print-button" class="fa fa-print"></i>
+                        </a>
+                        {{/if}}
+                        {{#if git_repository_url}}
+                        <a href="{{git_repository_url}}" title="Git repository" aria-label="Git repository">
+                            <i id="git-repository-button" class="fa {{git_repository_icon}}"></i>
+                        </a>
+                        {{/if}}
+                        {{#if git_repository_edit_url}}
+                        <a href="{{git_repository_edit_url}}" title="Suggest an edit" aria-label="Suggest an edit">
+                            <i id="git-edit-button" class="fa fa-edit"></i>
+                        </a>
+                        {{/if}}
+
+                    </div>
+                </div>
+
+                {{#if search_enabled}}
+                <div id="search-wrapper" class="hidden">
+                    <form id="searchbar-outer" class="searchbar-outer">
+                        <input type="search" id="searchbar" name="searchbar" placeholder="Search this book ..." aria-controls="searchresults-outer" aria-describedby="searchresults-header">
+                    </form>
+                    <div id="searchresults-outer" class="searchresults-outer hidden">
+                        <div id="searchresults-header" class="searchresults-header"></div>
+                        <ul id="searchresults">
+                        </ul>
+                    </div>
+                </div>
+                {{/if}}
+
+                <!-- Apply ARIA attributes after the sidebar and the sidebar toggle button are added to the DOM -->
+                <script>
+                    document.getElementById('sidebar-toggle').setAttribute('aria-expanded', sidebar === 'visible');
+                    document.getElementById('sidebar').setAttribute('aria-hidden', sidebar !== 'visible');
+                    Array.from(document.querySelectorAll('#sidebar a')).forEach(function(link) {
+                        link.setAttribute('tabIndex', sidebar === 'visible' ? 0 : -1);
+                    });
+                </script>
+
+                <div id="content" class="content">
+                    <main>
+                        <main>
+                            <div class="content-wrap">
+                        {{{ content }}}
+                            </div>
+                            <div class="sidetoc">
+                                <nav class="pagetoc"></nav>
+                            </div>
+                        </main>
+                    </main>
+
+                    <nav class="nav-wrapper" aria-label="Page navigation">
+                        <!-- Mobile navigation buttons -->
+                        {{#previous}}
+                            <a rel="prev" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
+                                <i class="fa fa-angle-left"></i>
+                            </a>
+                        {{/previous}}
+
+                        {{#next}}
+                            <a rel="next prefetch" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
+                                <i class="fa fa-angle-right"></i>
+                            </a>
+                        {{/next}}
+
+                        <div style="clear: both"></div>
+                    </nav>
+                </div>
+            </div>
+
+            <nav class="nav-wide-wrapper" aria-label="Page navigation">
+                {{#previous}}
+                    <a rel="prev" href="{{ path_to_root }}{{link}}" class="nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
+                        <i class="fa fa-angle-left"></i>
+                    </a>
+                {{/previous}}
+
+                {{#next}}
+                    <a rel="next prefetch" href="{{ path_to_root }}{{link}}" class="nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
+                        <i class="fa fa-angle-right"></i>
+                    </a>
+                {{/next}}
+            </nav>
+
+        </div>
+
+        {{#if live_reload_endpoint}}
+        <!-- Livereload script (if served using the cli tool) -->
+        <script>
+            const wsProtocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
+            const wsAddress = wsProtocol + "//" + location.host + "/" + "{{{live_reload_endpoint}}}";
+            const socket = new WebSocket(wsAddress);
+            socket.onmessage = function (event) {
+                if (event.data === "reload") {
+                    socket.close();
+                    location.reload();
+                }
+            };
+
+            window.onbeforeunload = function() {
+                socket.close();
+            }
+        </script>
+        {{/if}}
+
+        {{#if playground_line_numbers}}
+        <script>
+            window.playground_line_numbers = true;
+        </script>
+        {{/if}}
+
+        {{#if playground_copyable}}
+        <script>
+            window.playground_copyable = true;
+        </script>
+        {{/if}}
+
+        {{#if playground_js}}
+        <script src="{{ path_to_root }}ace.js"></script>
+        <script src="{{ path_to_root }}editor.js"></script>
+        <script src="{{ path_to_root }}mode-rust.js"></script>
+        <script src="{{ path_to_root }}theme-dawn.js"></script>
+        <script src="{{ path_to_root }}theme-tomorrow_night.js"></script>
+        {{/if}}
+
+        {{#if search_js}}
+        <script src="{{ path_to_root }}elasticlunr.min.js"></script>
+        <script src="{{ path_to_root }}mark.min.js"></script>
+        <script src="{{ path_to_root }}searcher.js"></script>
+        {{/if}}
+
+        <script src="{{ path_to_root }}clipboard.min.js"></script>
+        <script src="{{ path_to_root }}highlight.js"></script>
+        <script src="{{ path_to_root }}book.js"></script>
+
+        <!-- Custom JS scripts -->
+        {{#each additional_js}}
+        <script src="{{ ../path_to_root }}{{this}}"></script>
+        {{/each}}
+
+        {{#if is_print}}
+        {{#if mathjax_support}}
+        <script>
+        window.addEventListener('load', function() {
+            MathJax.Hub.Register.StartupHook('End', function() {
+                window.setTimeout(window.print, 100);
+            });
+        });
+        </script>
+        {{else}}
+        <script>
+        window.addEventListener('load', function() {
+            window.setTimeout(window.print, 100);
+        });
+        </script>
+        {{/if}}
+        {{/if}}
+
+
+    </div>
+    </body>
+</html>
diff --git a/documentation/docs/mdbook-admonish.css b/documentation/docs/nym_themes/mdbook-admonish.css
similarity index 100%
rename from documentation/docs/mdbook-admonish.css
rename to documentation/docs/nym_themes/mdbook-admonish.css
diff --git a/documentation/docs/nym_themes/pagetoc.css b/documentation/docs/nym_themes/pagetoc.css
new file mode 100644
index 0000000000..651572ce55
--- /dev/null
+++ b/documentation/docs/nym_themes/pagetoc.css
@@ -0,0 +1,101 @@
+:root {
+    --toc-width: 270px;
+    --center-content-toc-shift: calc(-1 * var(--toc-width) / 2);
+}
+
+.nav-chapters {
+    /* adjust width of buttons that bring to the previous or the next page */
+    min-width: 50px;
+}
+
+.previous {
+    /*
+    adjust the space between the left sidebar or the left side of the screen 
+    and the button that leads to the previous page
+    */
+    margin-left: var(--page-padding);
+}
+
+@media only screen {
+    main {
+        display: flex;
+    }
+
+    @media (max-width: 1179px) {
+        .sidebar-hidden .sidetoc {
+            display: none;
+        }
+    }
+
+    @media (max-width: 1439px) {
+        .sidebar-visible .sidetoc {
+            display: none;
+        }
+    }
+
+    @media (1180px <= width <= 1439px) {
+        .sidebar-hidden main {
+            position: relative;
+            left: var(--center-content-toc-shift);
+        }
+    }
+
+    @media (1440px <= width <= 1700px) {
+        .sidebar-visible main {
+            position: relative;
+            left: var(--center-content-toc-shift);
+        }
+    }
+
+    .content-wrap {
+        overflow-y: auto;
+        width: 100%;
+    }
+
+    .sidetoc {
+        margin-top: 20px;
+        margin-left: 10px;
+        margin-right: auto;
+    }
+    .pagetoc {
+        position: fixed;
+        /* adjust TOC width */
+        width: var(--toc-width);
+        height: calc(100vh - var(--menu-bar-height) - 0.67em * 4);
+        overflow: auto;
+    }
+    .pagetoc a {
+        border-left: 1px solid var(--sidebar-bg);
+        color: var(--fg) !important;
+        display: block;
+        padding-bottom: 5px;
+        padding-top: 5px;
+        padding-left: 10px;
+        text-align: left;
+        text-decoration: none;
+    }
+    .pagetoc a:hover,
+    .pagetoc a.active {
+        background: var(--sidebar-bg);
+        color: var(--sidebar-fg) !important;
+    }
+    .pagetoc .active {
+        background: var(--sidebar-bg);
+        color: var(--sidebar-fg);
+    }
+    .pagetoc .pagetoc-H2 {
+        padding-left: 20px;
+    }
+    .pagetoc .pagetoc-H3 {
+        padding-left: 40px;
+    }
+    .pagetoc .pagetoc-H4 {
+        padding-left: 60px;
+    }
+}
+
+@media print {
+    .sidetoc {
+        display: none;
+    }
+}
diff --git a/documentation/docs/nym_themes/pagetoc.js b/documentation/docs/nym_themes/pagetoc.js
new file mode 100644
index 0000000000..490d9e4c31
--- /dev/null
+++ b/documentation/docs/nym_themes/pagetoc.js
@@ -0,0 +1,114 @@
+function forEach(elems, fun) {
+  Array.prototype.forEach.call(elems, fun);
+}
+
+function getPagetoc(){
+  return document.getElementsByClassName("pagetoc")[0]
+}
+
+function getPagetocElems() {
+  return getPagetoc().children;
+}
+
+function getHeaders(){
+  return document.getElementsByClassName("header")
+}
+
+// Un-active everything when you click it
+function forPagetocElem(fun) {
+  forEach(getPagetocElems(), fun);
+}
+
+function getRect(element) {
+  return element.getBoundingClientRect();
+}
+
+function overflowTop(container, element) {
+  return getRect(container).top - getRect(element).top;
+}
+
+function overflowBottom(container, element) {
+  return getRect(container).bottom - getRect(element).bottom;
+}
+
+var activeHref = location.href;
+
+var updateFunction = function (elem = undefined) {
+  var id = elem;
+
+  if (!id && location.href != activeHref) {
+    activeHref = location.href;
+    forPagetocElem(function (el) {
+      if (el.href === activeHref) {
+        id = el;
+      }
+    });
+  }
+
+  if (!id) {
+    var elements = getHeaders();
+    let margin = window.innerHeight / 3;
+
+    forEach(elements, function (el, i, arr) {
+      if (!id && getRect(el).top >= 0) {
+        if (getRect(el).top < margin) {
+          id = el;
+        } else {
+          id = arr[Math.max(0, i - 1)];
+        }
+      }
+      // a very long last section
+      // its heading is over the screen
+      if (!id && i == arr.length - 1) {
+        id = el
+      }
+    });
+  }
+
+  forPagetocElem(function (el) {
+    el.classList.remove("active");
+  });
+
+  if (!id) return;
+
+  forPagetocElem(function (el) {
+    if (id.href.localeCompare(el.href) == 0) {
+      el.classList.add("active");
+      let pagetoc = getPagetoc();
+      if (overflowTop(pagetoc, el) > 0) {
+        pagetoc.scrollTop = el.offsetTop;
+      }
+      if (overflowBottom(pagetoc, el) < 0) {
+        pagetoc.scrollTop -= overflowBottom(pagetoc, el);
+      }
+    }
+  });
+};
+
+let elements = getHeaders();
+
+if (elements.length > 1) {
+  // Populate sidebar on load
+  window.addEventListener("load", function () {
+    var pagetoc = getPagetoc();
+    var elements = getHeaders();
+    forEach(elements, function (el) {
+      var link = document.createElement("a");
+      link.appendChild(document.createTextNode(el.text));
+      link.href = el.hash;
+      link.classList.add("pagetoc-" + el.parentElement.tagName);
+      pagetoc.appendChild(link);
+      link.onclick = function () {
+        updateFunction(link);
+      };
+    });
+    updateFunction();
+  });
+
+  // Handle active elements on scroll
+  window.addEventListener("scroll", function () {
+    updateFunction();
+  });
+} else {
+  document.getElementsByClassName("sidetoc")[0].remove();
+}
diff --git a/documentation/docs/theme/css/variables.css b/documentation/docs/theme/css/variables.css
deleted file mode 100644
index 8dfcf92239..0000000000
--- a/documentation/docs/theme/css/variables.css
+++ /dev/null
@@ -1,3257 +0,0 @@
-
-/* Globals */
-
-:root {
-    --sidebar-width: 300px;
-    --page-padding: 20px;
-    --content-max-width: 70%;
-    --menu-bar-height: 40px;
-    --mono-font: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace;
-    --code-font-size: 0.875em /* please adjust the ace font size accordingly in editor.js */
-    --pagetoc-width: 13%;
-    --pagetoc-fontsize: 14.5px;
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-/* Themes */
-
-.ayu {
-    --bg: hsl(210, 25%, 8%);
-    --fg: #c5c5c5;
-
-    --sidebar-bg: #14191f;
-    --sidebar-fg: #c8c9db;
-    --sidebar-non-existant: #5c6773;
-    --sidebar-active: #ffb454;
-    --sidebar-spacer: #2d334f;
-
-    --scrollbar: var(--sidebar-fg);
-
-    --icons: #737480;
-    --icons-hover: #b7b9cc;
-
-    --links: #0096cf;
-
-    --inline-code-color: #ffb454;
-
-    --theme-popup-bg: #14191f;
-    --theme-popup-border: #5c6773;
-    --theme-hover: #191f26;
-
-    --quote-bg: hsl(226, 15%, 17%);
-    --quote-border: hsl(226, 15%, 22%);
-
-    --table-border-color: hsl(210, 25%, 13%);
-    --table-header-bg: hsl(210, 25%, 28%);
-    --table-alternate-bg: hsl(210, 25%, 11%);
-
-    --searchbar-border-color: #848484;
-    --searchbar-bg: #424242;
-    --searchbar-fg: #fff;
-    --searchbar-shadow-color: #d4c89f;
-    --searchresults-header-fg: #666;
-    --searchresults-border-color: #888;
-    --searchresults-li-bg: #252932;
-    --search-mark-bg: #e3b171;
-}
-
-.coal {
-    --bg: hsl(200, 7%, 8%);
-    --fg: #98a3ad;
-
-    --sidebar-bg: #292c2f;
-    --sidebar-fg: #a1adb8;
-    --sidebar-non-existant: #505254;
-    --sidebar-active: #3473ad;
-    --sidebar-spacer: #393939;
-
-    --scrollbar: var(--sidebar-fg);
-
-    --icons: #43484d;
-    --icons-hover: #b3c0cc;
-
-    --links: #2b79a2;
-
-    --inline-code-color: #c5c8c6;
-
-    --theme-popup-bg: #141617;
-    --theme-popup-border: #43484d;
-    --theme-hover: #1f2124;
-
-    --quote-bg: hsl(234, 21%, 18%);
-    --quote-border: hsl(234, 21%, 23%);
-
-    --table-border-color: hsl(200, 7%, 13%);
-    --table-header-bg: hsl(200, 7%, 28%);
-    --table-alternate-bg: hsl(200, 7%, 11%);
-
-    --searchbar-border-color: #aaa;
-    --searchbar-bg: #b7b7b7;
-    --searchbar-fg: #000;
-    --searchbar-shadow-color: #aaa;
-    --searchresults-header-fg: #666;
-    --searchresults-border-color: #98a3ad;
-    --searchresults-li-bg: #2b2b2f;
-    --search-mark-bg: #355c7d;
-}
-
-.light {
-    --bg: hsl(0, 0%, 100%);
-    --fg: hsl(0, 0%, 0%);
-
-    --sidebar-bg: #fafafa;
-    --sidebar-fg: hsl(0, 0%, 0%);
-    --sidebar-non-existant: #aaaaaa;
-    --sidebar-active: #1f1fff;
-    --sidebar-spacer: #f4f4f4;
-
-    --scrollbar: #8F8F8F;
-
-    --icons: #747474;
-    --icons-hover: #000000;
-
-    --links: #1f1fff;
-
-    --inline-code-color: #F42C4C;
-
-    --theme-popup-bg: #fafafa;
-    --theme-popup-border: #cccccc;
-    --theme-hover: #e6e6e6;
-
-    --quote-bg: hsl(197, 37%, 96%);
-    --quote-border: hsl(197, 37%, 91%);
-
-    --table-border-color: hsl(0, 0%, 95%);
-    --table-header-bg: hsl(0, 0%, 80%);
-    --table-alternate-bg: hsl(0, 0%, 97%);
-
-    --searchbar-border-color: #aaa;
-    --searchbar-bg: #fafafa;
-    --searchbar-fg: #000;
-    --searchbar-shadow-color: #aaa;
-    --searchresults-header-fg: #666;
-    --searchresults-border-color: #888;
-    --searchresults-li-bg: #e4f2fe;
-    --search-mark-bg: #a2cff5;
-}
-
-.navy {
-    --bg: hsl(226, 23%, 11%);
-    --fg: #bcbdd0;
-
-    --sidebar-bg: #282d3f;
-    --sidebar-fg: #c8c9db;
-    --sidebar-non-existant: #505274;
-    --sidebar-active: #2b79a2;
-    --sidebar-spacer: #2d334f;
-
-    --scrollbar: var(--sidebar-fg);
-
-    --icons: #737480;
-    --icons-hover: #b7b9cc;
-
-    --links: #2b79a2;
-
-    --inline-code-color: #c5c8c6;
-
-    --theme-popup-bg: #161923;
-    --theme-popup-border: #737480;
-    --theme-hover: #282e40;
-
-    --quote-bg: hsl(226, 15%, 17%);
-    --quote-border: hsl(226, 15%, 22%);
-
-    --table-border-color: hsl(226, 23%, 16%);
-    --table-header-bg: hsl(226, 23%, 31%);
-    --table-alternate-bg: hsl(226, 23%, 14%);
-
-    --searchbar-border-color: #aaa;
-    --searchbar-bg: #aeaec6;
-    --searchbar-fg: #000;
-    --searchbar-shadow-color: #aaa;
-    --searchresults-header-fg: #5f5f71;
-    --searchresults-border-color: #5c5c68;
-    --searchresults-li-bg: #242430;
-    --search-mark-bg: #a2cff5;
-}
-
-.rust {
-    --bg: hsl(60, 9%, 87%);
-    --fg: #262625;
-
-    --sidebar-bg: #3b2e2a;
-    --sidebar-fg: #c8c9db;
-    --sidebar-non-existant: #505254;
-    --sidebar-active: #e69f67;
-    --sidebar-spacer: #45373a;
-
-    --scrollbar: var(--sidebar-fg);
-
-    --icons: #737480;
-    --icons-hover: #262625;
-
-    --links: #2b79a2;
-
-    --inline-code-color: #6e6b5e;
-
-    --theme-popup-bg: #e1e1db;
-    --theme-popup-border: #b38f6b;
-    --theme-hover: #99908a;
-
-    --quote-bg: hsl(60, 5%, 75%);
-    --quote-border: hsl(60, 5%, 70%);
-
-    --table-border-color: hsl(60, 9%, 82%);
-    --table-header-bg: #b3a497;
-    --table-alternate-bg: hsl(60, 9%, 84%);
-
-    --searchbar-border-color: #aaa;
-    --searchbar-bg: #fafafa;
-    --searchbar-fg: #000;
-    --searchbar-shadow-color: #aaa;
-    --searchresults-header-fg: #666;
-    --searchresults-border-color: #888;
-    --searchresults-li-bg: #dec2a2;
-    --search-mark-bg: #e69f67;
-}
-
-@media (prefers-color-scheme: dark) {
-    .light.no-js {
-        --bg: hsl(200, 7%, 8%);
-        --fg: #98a3ad;
-
-        --sidebar-bg: #292c2f;
-        --sidebar-fg: #a1adb8;
-        --sidebar-non-existant: #505254;
-        --sidebar-active: #3473ad;
-        --sidebar-spacer: #393939;
-
-        --scrollbar: var(--sidebar-fg);
-
-        --icons: #43484d;
-        --icons-hover: #b3c0cc;
-
-        --links: #2b79a2;
-
-        --inline-code-color: #c5c8c6;
-
-        --theme-popup-bg: #141617;
-        --theme-popup-border: #43484d;
-        --theme-hover: #1f2124;
-
-        --quote-bg: hsl(234, 21%, 18%);
-        --quote-border: hsl(234, 21%, 23%);
-
-        --table-border-color: hsl(200, 7%, 13%);
-        --table-header-bg: hsl(200, 7%, 28%);
-        --table-alternate-bg: hsl(200, 7%, 11%);
-
-        --searchbar-border-color: #aaa;
-        --searchbar-bg: #b7b7b7;
-        --searchbar-fg: #000;
-        --searchbar-shadow-color: #aaa;
-        --searchresults-header-fg: #666;
-        --searchresults-border-color: #98a3ad;
-        --searchresults-li-bg: #2b2b2f;
-        --search-mark-bg: #355c7d;
-    }
-}
diff --git a/documentation/docs/theme/index.hbs b/documentation/docs/theme/index.hbs
deleted file mode 100644
index 06a3731f33..0000000000
--- a/documentation/docs/theme/index.hbs
+++ /dev/null
@@ -1,1063 +0,0 @@
-<!DOCTYPE HTML>
-<html lang="{{ language }}" class="sidebar-visible no-js {{ default_theme }}">
-    <head>
-        <!-- Book generated using mdBook -->
-        <meta charset="UTF-8">
-        <title>{{ title }}</title>
-        {{#if is_print }}
-        <meta name="robots" content="noindex" />
-        {{/if}}
-        {{#if base_url}}
-        <base href="{{ base_url }}">
-        {{/if}}
-
-
-        <!-- Custom HTML head -->
-        {{> head}}
-
-        <meta name="description" content="{{ description }}">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <meta name="theme-color" content="#ffffff" />
-
-        {{#if favicon_svg}}
-        <link rel="icon" href="{{ path_to_root }}favicon.svg">
-        {{/if}}
-        {{#if favicon_png}}
-        <link rel="shortcut icon" href="{{ path_to_root }}favicon.png">
-        {{/if}}
-        <link rel="stylesheet" href="{{ path_to_root }}css/variables.css">
-        <link rel="stylesheet" href="{{ path_to_root }}css/general.css">
-        <link rel="stylesheet" href="{{ path_to_root }}css/chrome.css">
-        {{#if print_enable}}
-        <link rel="stylesheet" href="{{ path_to_root }}css/print.css" media="print">
-        {{/if}}
-
-        <!-- Fonts -->
-        <link rel="stylesheet" href="{{ path_to_root }}FontAwesome/css/font-awesome.css">
-        {{#if copy_fonts}}
-        <link rel="stylesheet" href="{{ path_to_root }}fonts/fonts.css">
-        {{/if}}
-
-        <!-- Highlight.js Stylesheets -->
-        <link rel="stylesheet" href="{{ path_to_root }}highlight.css">
-        <link rel="stylesheet" href="{{ path_to_root }}tomorrow-night.css">
-        <link rel="stylesheet" href="{{ path_to_root }}ayu-highlight.css">
-
-        <!-- Custom theme stylesheets -->
-        {{#each additional_css}}
-        <link rel="stylesheet" href="{{ ../path_to_root }}{{ this }}">
-        {{/each}}
-
-        {{#if mathjax_support}}
-        <!-- MathJax -->
-        <script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
-        {{/if}}
-    </head>
-    <body>
-        <!-- Provide site root to javascript -->
-        <script>
-            var path_to_root = "{{ path_to_root }}";
-            var default_theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "{{ preferred_dark_theme }}" : "{{ default_theme }}";
-        </script>
-
-        <!-- Work around some values being stored in localStorage wrapped in quotes -->
-        <script>
-            try {
-                var theme = localStorage.getItem('mdbook-theme');
-                var sidebar = localStorage.getItem('mdbook-sidebar');
-
-                if (theme.startsWith('"') && theme.endsWith('"')) {
-                    localStorage.setItem('mdbook-theme', theme.slice(1, theme.length - 1));
-                }
-
-                if (sidebar.startsWith('"') && sidebar.endsWith('"')) {
-                    localStorage.setItem('mdbook-sidebar', sidebar.slice(1, sidebar.length - 1));
-                }
-            } catch (e) { }
-        </script>
-
-        <!-- Set the theme before any content is loaded, prevents flash -->
-        <script>
-            var theme;
-            try { theme = localStorage.getItem('mdbook-theme'); } catch(e) { }
-            if (theme === null || theme === undefined) { theme = default_theme; }
-            var html = document.querySelector('html');
-            html.classList.remove('no-js')
-            html.classList.remove('{{ default_theme }}')
-            html.classList.add(theme);
-            html.classList.add('js');
-        </script>
-
-        <!-- Hide / unhide sidebar before it is displayed -->
-        <script>
-            var html = document.querySelector('html');
-            var sidebar = 'hidden';
-            if (document.body.clientWidth >= 1080) {
-                try { sidebar = localStorage.getItem('mdbook-sidebar'); } catch(e) { }
-                sidebar = sidebar || 'visible';
-            }
-            html.classList.remove('sidebar-visible');
-            html.classList.add("sidebar-" + sidebar);
-        </script>
-
-        <nav id="sidebar" class="sidebar" aria-label="Table of contents">
-            <div class="sidebar-scrollbox">
-                {{#toc}}{{/toc}}
-            </div>
-            <div id="sidebar-resize-handle" class="sidebar-resize-handle"></div>
-        </nav>
-
-        <div id="page-wrapper" class="page-wrapper">
-
-            <div class="page">
-                {{> header}}
-                <div id="menu-bar-hover-placeholder"></div>
-                <div id="menu-bar" class="menu-bar sticky bordered">
-                    <div class="left-buttons">
-                        <button id="sidebar-toggle" class="icon-button" type="button" title="Toggle Table of Contents" aria-label="Toggle Table of Contents" aria-controls="sidebar">
-                            <i class="fa fa-bars"></i>
-                        </button>
-                        <button id="theme-toggle" class="icon-button" type="button" title="Change theme" aria-label="Change theme" aria-haspopup="true" aria-expanded="false" aria-controls="theme-list">
-                            <i class="fa fa-paint-brush"></i>
-                        </button>
-                        <ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
-                            <li role="none"><button role="menuitem" class="theme" id="light">Light</button></li>
-                            <li role="none"><button role="menuitem" class="theme" id="rust">Rust</button></li>
-                            <li role="none"><button role="menuitem" class="theme" id="coal">Coal</button></li>
-                            <li role="none"><button role="menuitem" class="theme" id="navy">Navy</button></li>
-                            <li role="none"><button role="menuitem" class="theme" id="ayu">Ayu</button></li>
-                        </ul>
-                        {{#if search_enabled}}
-                        <button id="search-toggle" class="icon-button" type="button" title="Search. (Shortkey: s)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="S" aria-controls="searchbar">
-                            <i class="fa fa-search"></i>
-                        </button>
-                        {{/if}}
-                    </div>
-
-                    <h1 class="menu-title">{{ book_title }}</h1>
-
-                    <div class="right-buttons">
-                        {{#if print_enable}}
-                        <a href="{{ path_to_root }}print.html" title="Print this book" aria-label="Print this book">
-                            <i id="print-button" class="fa fa-print"></i>
-                        </a>
-                        {{/if}}
-                        {{#if git_repository_url}}
-                        <a href="{{git_repository_url}}" title="Git repository" aria-label="Git repository">
-                            <i id="git-repository-button" class="fa {{git_repository_icon}}"></i>
-                        </a>
-                        {{/if}}
-                        {{#if git_repository_edit_url}}
-                        <a href="{{git_repository_edit_url}}" title="Suggest an edit" aria-label="Suggest an edit">
-                            <i id="git-edit-button" class="fa fa-edit"></i>
-                        </a>
-                        {{/if}}
-
-                    </div>
-                </div>
-
-                {{#if search_enabled}}
-                <div id="search-wrapper" class="hidden">
-                    <form id="searchbar-outer" class="searchbar-outer">
-                        <input type="search" id="searchbar" name="searchbar" placeholder="Search this book ..." aria-controls="searchresults-outer" aria-describedby="searchresults-header">
-                    </form>
-                    <div id="searchresults-outer" class="searchresults-outer hidden">
-                        <div id="searchresults-header" class="searchresults-header"></div>
-                        <ul id="searchresults">
-                        </ul>
-                    </div>
-                </div>
-                {{/if}}
-
-                <!-- Apply ARIA attributes after the sidebar and the sidebar toggle button are added to the DOM -->
-                <script>
-                    document.getElementById('sidebar-toggle').setAttribute('aria-expanded', sidebar === 'visible');
-                    document.getElementById('sidebar').setAttribute('aria-hidden', sidebar !== 'visible');
-                    Array.from(document.querySelectorAll('#sidebar a')).forEach(function(link) {
-                        link.setAttribute('tabIndex', sidebar === 'visible' ? 0 : -1);
-                    });
-                </script>
-
-                <div id="content" class="content">
-                    <main>
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        {{{ content }}}
-                    </main>
-
-                    <nav class="nav-wrapper" aria-label="Page navigation">
-                        <!-- Mobile navigation buttons -->
-                        {{#previous}}
-                            <a rel="prev" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
-                                <i class="fa fa-angle-left"></i>
-                            </a>
-                        {{/previous}}
-
-                        {{#next}}
-                            <a rel="next" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
-                                <i class="fa fa-angle-right"></i>
-                            </a>
-                        {{/next}}
-
-                        <div style="clear: both"></div>
-                    </nav>
-                </div>
-            </div>
-
-            <nav class="nav-wide-wrapper" aria-label="Page navigation">
-                {{#previous}}
-                    <a rel="prev" href="{{ path_to_root }}{{link}}" class="nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
-                        <i class="fa fa-angle-left"></i>
-                    </a>
-                {{/previous}}
-
-                {{#next}}
-                    <a rel="next" href="{{ path_to_root }}{{link}}" class="nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
-                        <i class="fa fa-angle-right"></i>
-                    </a>
-                {{/next}}
-            </nav>
-
-        </div>
-
-        {{#if live_reload_endpoint}}
-        <!-- Livereload script (if served using the cli tool) -->
-        <script>
-            const wsProtocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
-            const wsAddress = wsProtocol + "//" + location.host + "/" + "{{{live_reload_endpoint}}}";
-            const socket = new WebSocket(wsAddress);
-            socket.onmessage = function (event) {
-                if (event.data === "reload") {
-                    socket.close();
-                    location.reload();
-                }
-            };
-
-            window.onbeforeunload = function() {
-                socket.close();
-            }
-        </script>
-        {{/if}}
-
-        {{#if google_analytics}}
-        <!-- Google Analytics Tag -->
-        <script>
-            var localAddrs = ["localhost", "127.0.0.1", ""];
-
-            // make sure we don't activate google analytics if the developer is
-            // inspecting the book locally...
-            if (localAddrs.indexOf(document.location.hostname) === -1) {
-                (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-                })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-                ga('create', '{{google_analytics}}', 'auto');
-                ga('send', 'pageview');
-            }
-        </script>
-        {{/if}}
-
-        {{#if playground_line_numbers}}
-        <script>
-            window.playground_line_numbers = true;
-        </script>
-        {{/if}}
-
-        {{#if playground_copyable}}
-        <script>
-            window.playground_copyable = true;
-        </script>
-        {{/if}}
-
-        {{#if playground_js}}
-        <script src="{{ path_to_root }}ace.js"></script>
-        <script src="{{ path_to_root }}editor.js"></script>
-        <script src="{{ path_to_root }}mode-rust.js"></script>
-        <script src="{{ path_to_root }}theme-dawn.js"></script>
-        <script src="{{ path_to_root }}theme-tomorrow_night.js"></script>
-        {{/if}}
-
-        {{#if search_js}}
-        <script src="{{ path_to_root }}elasticlunr.min.js"></script>
-        <script src="{{ path_to_root }}mark.min.js"></script>
-        <script src="{{ path_to_root }}searcher.js"></script>
-        {{/if}}
-
-        <script src="{{ path_to_root }}clipboard.min.js"></script>
-        <script src="{{ path_to_root }}highlight.js"></script>
-        <script src="{{ path_to_root }}book.js"></script>
-
-        <!-- Custom JS scripts -->
-        {{#each additional_js}}
-        <script src="{{ ../path_to_root }}{{this}}"></script>
-        {{/each}}
-
-        {{#if is_print}}
-        {{#if mathjax_support}}
-        <script>
-        window.addEventListener('load', function() {
-            MathJax.Hub.Register.StartupHook('End', function() {
-                window.setTimeout(window.print, 100);
-            });
-        });
-        </script>
-        {{else}}
-        <script>
-        window.addEventListener('load', function() {
-            window.setTimeout(window.print, 100);
-        });
-        </script>
-        {{/if}}
-        {{/if}}
-
-    </body>
-</html>
diff --git a/documentation/docs/theme/pagetoc.css b/documentation/docs/theme/pagetoc.css
deleted file mode 100644
index a68e5b8e21..0000000000
--- a/documentation/docs/theme/pagetoc.css
+++ /dev/null
@@ -1,47 +0,0 @@
-/* src: https://github.com/JorelAli/mdBook-pagetoc */
-
-@media only screen and (max-width:1439px) {
-    .sidetoc {
-        display: none;
-    }
-}
-
-@media only screen and (min-width:1440px) {
-    main {
-        position: relative;
-    }
-    .sidetoc {
-        margin-left: auto;
-        margin-right: auto;
-        /* left: calc(90% + (var(--content-min-width))/4 - 110px); */
-        left: 101%;
-        position: absolute;
-        font-size: var(--pagetoc-fontsize);
-    }
-    .pagetoc {
-        position: fixed;
-        width: var(--pagetoc-width);
-    }
-    .pagetoc a {
-        border-left: 1px solid var(--sidebar-bg);
-        /* color: var(--fg); */
-        /* color: var(--sidebar-fg); */
-        color: var(--links);
-        display: block;
-        padding-bottom: 5px;
-        padding-top: 5px;
-        padding-left: 10px;
-        text-align: left;
-        text-decoration: none;
-        font-weight: normal;
-        background: var(--sidebar-bg);
-    }
-    .pagetoc a:hover,
-    .pagetoc a.active {
-        background: var(--sidebar-bg);
-        /* color: var(--sidebar-fg); */
-        color: var(--sidebar-active);
-        font-weight: bold;
-        font-size: var(--pagetoc-fontsize);
-    }
-}
diff --git a/documentation/docs/theme/pagetoc.js b/documentation/docs/theme/pagetoc.js
deleted file mode 100644
index b11052427e..0000000000
--- a/documentation/docs/theme/pagetoc.js
+++ /dev/null
@@ -1,68 +0,0 @@
-// src: https://github.com/JorelAli/mdBook-pagetoc
-
-// Un-active everything when you click it
-Array.prototype.forEach.call(document.getElementsByClassName("pagetoc")[0].children, function(el, i) {
-    el.addEventHandler("click", function() {
-        Array.prototype.forEach.call(document.getElementsByClassName("pagetoc")[0].children, function(el, i) {
-            el.classList.remove("active");
-        });
-        el.classList.add("active");
-    });
-});
-
-var updateFunction = function() {
-
-    var id;
-    var elements = document.getElementsByClassName("header");
-    Array.prototype.forEach.call(elements, function(el, i) {
-        if (window.pageYOffset >= el.offsetTop) {
-            id = el;
-        }
-    });
-
-    Array.prototype.forEach.call(document.getElementsByClassName("pagetoc")[0].children, function(el, i) {
-        el.classList.remove("active");
-    });
-
-    Array.prototype.forEach.call(document.getElementsByClassName("pagetoc")[0].children, function(el, i) {
-        if (id.href.localeCompare(el.href) == 0) {
-            el.classList.add("active");
-        }
-    });
-};
-
-// Populate sidebar on load
-window.addEventListener('load', function() {
-    var pagetoc = document.getElementsByClassName("pagetoc")[0];
-    var elements = document.getElementsByClassName("header");
-    Array.prototype.forEach.call(elements, function(el, i) {
-        var link = document.createElement("a");
-
-        // Indent shows hierarchy
-        var indent = "";
-        switch (el.parentElement.tagName) {
-            case "H2":
-                indent = "20px";
-                break;
-            case "H3":
-                indent = "40px";
-                break;
-            case "H4":
-                indent = "60px";
-                break;
-            default:
-                break;
-        }
-
-        link.appendChild(document.createTextNode(el.text));
-        link.style.paddingLeft = indent;
-        link.href = el.href;
-        pagetoc.appendChild(link);
-    });
-    updateFunction.call();
-});
-
-
-
-// Handle active elements on scroll
-window.addEventListener("scroll", updateFunction);
diff --git a/documentation/operators/book.toml b/documentation/operators/book.toml
index 5ede8ee22a..0f2732e7f3 100644
--- a/documentation/operators/book.toml
+++ b/documentation/operators/book.toml
@@ -1,61 +1,44 @@
 [book]
-title = "Nym Operators Guide"
-authors = ["Max Hampshire", "serinko"]
-description = "Guides to setup Nym infrastructure"
+title = "Nym Docs"
+authors = ["Max Hampshire, Serinko, Alexia Lorenza Martinel"]
+description = "Nym technical documentation"
 language = "en"
-multilingual = false # for the moment - ideally work on chinese, brazillian, spanish next
+multilingual = false # for the moment - ideally work on chinese, brazillian portugese, spanish next
 src = "src"
 
+[rust]
+edition = "2018"
+
 #################
 # PREPROCESSORS #
 #################
 
-# Note if changing these fields:
-# - make sure you aren't running `mdbook serve`
-# - change value of `turn-off = true` to `false`. This is set to `true` usually to avoid a known constant-reload bug with `mdbook serve` and this preprocessor
-# - delete `./theme/` dir
-# - change the preprocessor values that you want to edit
-# - run `mdbook build`: this will rebuild the `./theme` directory
-# - change value of `turn-off` back to `true`
 [preprocessor.theme]
-pagetoc = true
-# some variables related (defined in theme/css/variables.css)
-pagetoc-width            = "13%"
-content-max-width        = "70%" # 82
-pagetoc-fontsize         = "14.5px"
-sidebar-width            = "300px"
-menu-bar-height          = "40px" # memu-bar = the bar on the top
-page-padding             = "20px"
-mobile-content-max-width = "98%"
-
-# layout
-content-padding           = "0 10px"
-content-main-margin-left  = "10%"
-content-main-margin-right = "10%"
-nav-chapters-max-width    = "auto"
-nav-chapters-min-width    = "auto"
-chapter-line-height       = "2em"
-section-line-height       = "1.5em"
-
-# if true, never read and touch the files in theme dir: this is used to stop the looping reload issue referred to in the readme
+sidebar-width             = "280px"
+content-max-width         = "70%"
+content-main-margin-left  = "5%"
+content-main-margin-right = "5%"
+root-font-size            = "70%"
+# DO NOT CHANGE or you might overwrite the custom hbs file
 turn-off = true
 
 [preprocessor.admonish]
 command = "mdbook-admonish"
 assets_version = "3.0.0" # do not edit: managed by `mdbook-admonish install`
 
-# variables preprocessor: import variables into files
 # https://gitlab.com/tglman/mdbook-variables/
 [preprocessor.variables.variables]
 minimum_rust_version = "1.66"
 wallet_release_version = "1.2.8"
+# nym-vpn related variables
+nym_vpn_latest_binary_url = "https://github.com/nymtech/nym/releases/tag/nym-vpn-alpha-0.0.3"
+nym_vpn_form_url = "https://opnform.com/forms/nymvpn-user-research-at-37c3-yccqko-2"
 
 [preprocessor.last-changed]
 command = "mdbook-last-changed"
 renderer = ["html"]
 
-# used for grabbing output of binary commands for automation
-# https://github.com/FauconFan/mdbook-cmdrun
+# used for grabbing output of binary commands for automation https://github.com/FauconFan/mdbook-cmdrun
 [preprocessor.cmdrun]
 
 # more pre-processor plugins to look into from https://github.com/rust-lang/mdBook/wiki/Third-party-plugins & https://lib.rs/keywords/mdbook-preprocessor
@@ -76,20 +59,16 @@ extra-watch-dirs = []             # directories to watch for triggering builds
 ##########
 
 [output.html]
-theme         = "theme" # this is the default if not explicitly set
+theme         = "nym_themes"
 default-theme = "coal"
 preferred-dark-theme = "coal"
 curly-quotes = true
-# mathjax-support = false # useful if we want to pull equations in
 copy-fonts = true
 no-section-label = false
-additional-css = ["theme/pagetoc.css", "./custom.css", "./mdbook-admonish.css"]
-additional-js  = ["theme/pagetoc.js"]
+additional-css = ["./nym_themes/custom.css", "./nym_themes/mdbook-admonish.css", "./nym_themes/pagetoc.css"]
+additional-js  = ["./nym_themes/pagetoc.js"]
 git-repository-url = "https://github.com/nymtech/nym"
 git-repository-icon = "fa-github"
-# edit-url-template = "https://github.com/rust-lang/mdBook/edit/master/guide/{path}"
-site-url = "/operators/"
-# cname = "nymtech.net"
 input-404 = "not-found.md"
 
 [output.html.fold]
@@ -101,7 +80,7 @@ level = 0        # the depth to start folding
 editable = false         # allows editing the source code
 copyable = true          # include the copy button for copying code snippets
 copy-js = true           # includes the JavaScript for the code editor
-line-numbers = false     # displays line numbers for editable code
+line-numbers = true      # displays line numbers for editable code
 runnable = true          # displays a run button for rust code
 
 # options for the built in text search
diff --git a/documentation/operators/custom.css b/documentation/operators/custom.css
deleted file mode 100644
index 855f5eef5f..0000000000
--- a/documentation/operators/custom.css
+++ /dev/null
@@ -1,37 +0,0 @@
-:root {
-  --mono-font: Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace;
-}
-.coal {
-  --bg: #121726;
-  --fg: #f2f2f2;
-
-  --sidebar-bg: #121726;
-  --sidebar-fg: #f2f2f2;
-  --sidebar-active: #fb6e4e;
-
-  --icons: #f2f2f2;
-  --icons-hover: #fb6e4e;
-
-  --links: #fb6e4e;
-}
-
-.light {
-  --bg: #f4f6f8;
-  --fg: #121726;
-
-  --sidebar-bg: #f4f6f8;
-  --sidebar-fg: #121726;
-  --sidebar-active: #fb6e4e;
-
-  --icons: #121726;
-  --icons-hover: #fb6e4e;
-
-  --links: #fb6e4e;
-}
-
-footer {
-  font-size: 0.8em;
-  text-align: center;
-  border-top: 1px solid black;
-  padding: 5px 0;
-}
diff --git a/documentation/docs/theme/css/chrome.css b/documentation/operators/nym_themes/css/chrome.css
similarity index 69%
rename from documentation/docs/theme/css/chrome.css
rename to documentation/operators/nym_themes/css/chrome.css
index febd1d40a6..a0e30b81ff 100644
--- a/documentation/docs/theme/css/chrome.css
+++ b/documentation/operators/nym_themes/css/chrome.css
@@ -2,12 +2,6 @@
 
 @import 'variables.css';
 
-::-webkit-scrollbar {
-    background: var(--bg);
-}
-::-webkit-scrollbar-thumb {
-    background: var(--scrollbar);
-}
 html {
     scrollbar-color: var(--scrollbar) var(--bg);
 }
@@ -18,6 +12,19 @@ a > .hljs {
     color: var(--links);
 }
 
+/*
+    body-container is necessary because mobile browsers don't seem to like
+    overflow-x on the body tag when there is a <meta name="viewport"> tag.
+*/
+#body-container {
+    /*
+        This is used when the sidebar pushes the body content off the side of
+        the screen on small screens. Without it, dragging on mobile Safari
+        will want to reposition the viewport in a weird way.
+    */
+    overflow-x: clip;
+}
+
 /* Menu Bar */
 
 #menu-bar,
@@ -30,9 +37,9 @@ a > .hljs {
     display: flex;
     flex-wrap: wrap;
     background-color: var(--bg);
-    border-bottom-color: var(--bg);
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
+    border-block-end-color: var(--bg);
+    border-block-end-width: 1px;
+    border-block-end-style: solid;
 }
 #menu-bar.sticky,
 .js #menu-bar-hover-placeholder:hover + #menu-bar,
@@ -49,7 +56,7 @@ a > .hljs {
     height: var(--menu-bar-height);
 }
 #menu-bar.bordered {
-    border-bottom-color: var(--table-border-color);
+    border-block-end-color: var(--table-border-color);
 }
 #menu-bar i, #menu-bar .icon-button {
     position: relative;
@@ -86,11 +93,13 @@ a > .hljs {
     display: flex;
     margin: 0 5px;
 }
-.no-js .left-buttons {
+.no-js .left-buttons button {
     display: none;
 }
 
 .menu-title {
+    position: absolute;
+    left: 50%;
     display: inline-block;
     font-weight: 200;
     font-size: 2.4rem;
@@ -153,7 +162,7 @@ a > .hljs {
 }
 
 .nav-wrapper {
-    margin-top: 50px;
+    margin-block-start: 50px;
     display: none;
 }
 
@@ -166,23 +175,34 @@ a > .hljs {
     background-color: var(--sidebar-bg);
 }
 
-.previous {
-    float: left;
-}
+/* Only Firefox supports flow-relative values */
+.previous { float: left; }
+[dir=rtl] .previous { float: right; }
 
+/* Only Firefox supports flow-relative values */
 .next {
     float: right;
     right: var(--page-padding);
 }
+[dir=rtl] .next {
+    float: left;
+    right: unset;
+    left: var(--page-padding);
+}
+
+/* Use the correct buttons for RTL layouts*/
+[dir=rtl] .previous i.fa-angle-left:before {content:"\f105";}
+[dir=rtl] .next i.fa-angle-right:before { content:"\f104"; }
 
 @media only screen and (max-width: 1080px) {
     .nav-wide-wrapper { display: none; }
     .nav-wrapper { display: block; }
 }
 
+/* sidebar-visible */
 @media only screen and (max-width: 1380px) {
-    .sidebar-visible .nav-wide-wrapper { display: none; }
-    .sidebar-visible .nav-wrapper { display: block; }
+    #sidebar-toggle-anchor:checked ~ .page-wrapper .nav-wide-wrapper { display: none; }
+    #sidebar-toggle-anchor:checked ~ .page-wrapper .nav-wrapper { display: block; }
 }
 
 /* Inline code */
@@ -229,7 +249,7 @@ pre > .buttons :hover {
     background-color: var(--theme-hover);
 }
 pre > .buttons i {
-    margin-left: 8px;
+    margin-inline-start: 8px;
 }
 pre > .buttons button {
     cursor: inherit;
@@ -251,8 +271,14 @@ pre > .buttons button {
         /* On mobile, make it easier to tap buttons. */
         padding: 0.3rem 1rem;
     }
+
+    .sidebar-resize-indicator {
+        /* Hide resize indicator on devices with limited accuracy */
+        display: none;
+    }
 }
 pre > code {
+    display: block;
     padding: 1rem;
 }
 
@@ -266,7 +292,7 @@ pre > code {
 }
 
 pre > .result {
-    margin-top: 10px;
+    margin-block-start: 10px;
 }
 
 /* Search */
@@ -277,8 +303,14 @@ pre > .result {
 
 mark {
     border-radius: 2px;
-    padding: 0 3px 1px 3px;
-    margin: 0 -3px -1px -3px;
+    padding-block-start: 0;
+    padding-block-end: 1px;
+    padding-inline-start: 3px;
+    padding-inline-end: 3px;
+    margin-block-start: 0;
+    margin-block-end: -1px;
+    margin-inline-start: -3px;
+    margin-inline-end: -3px;
     background-color: var(--search-mark-bg);
     transition: background-color 300ms linear;
     cursor: pointer;
@@ -290,14 +322,17 @@ mark.fade-out {
 }
 
 .searchbar-outer {
-    margin-left: auto;
-    margin-right: auto;
+    margin-inline-start: auto;
+    margin-inline-end: auto;
     max-width: var(--content-max-width);
 }
 
 #searchbar {
     width: 100%;
-    margin: 5px auto 0px auto;
+    margin-block-start: 5px;
+    margin-block-end: 0;
+    margin-inline-start: auto;
+    margin-inline-end: auto;
     padding: 10px 16px;
     transition: box-shadow 300ms ease-in-out;
     border: 1px solid var(--searchbar-border-color);
@@ -313,20 +348,23 @@ mark.fade-out {
 .searchresults-header {
     font-weight: bold;
     font-size: 1em;
-    padding: 18px 0 0 5px;
+    padding-block-start: 18px;
+    padding-block-end: 0;
+    padding-inline-start: 5px;
+    padding-inline-end: 0;
     color: var(--searchresults-header-fg);
 }
 
 .searchresults-outer {
-    margin-left: auto;
-    margin-right: auto;
+    margin-inline-start: auto;
+    margin-inline-end: auto;
     max-width: var(--content-max-width);
-    border-bottom: 1px dashed var(--searchresults-border-color);
+    border-block-end: 1px dashed var(--searchresults-border-color);
 }
 
 ul#searchresults {
     list-style: none;
-    padding-left: 20px;
+    padding-inline-start: 20px;
 }
 ul#searchresults li {
     margin: 10px 0px;
@@ -339,7 +377,10 @@ ul#searchresults li.focus {
 ul#searchresults span.teaser {
     display: block;
     clear: both;
-    margin: 5px 0 0 20px;
+    margin-block-start: 5px;
+    margin-block-end: 0;
+    margin-inline-start: 20px;
+    margin-inline-end: 0;
     font-size: 0.8em;
 }
 ul#searchresults span.teaser em {
@@ -355,19 +396,21 @@ ul#searchresults span.teaser em {
     top: 0;
     bottom: 0;
     width: var(--sidebar-width);
-    font-size: 1em;
+    font-size: 0.85em;
     box-sizing: border-box;
     -webkit-overflow-scrolling: touch;
     overscroll-behavior-y: contain;
     background-color: var(--sidebar-bg);
     color: var(--sidebar-fg);
 }
+[dir=rtl] .sidebar { left: unset; right: 0; }
 .sidebar-resizing {
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
+.no-js .sidebar,
 .js:not(.sidebar-resizing) .sidebar {
     transition: transform 0.3s; /* Animation: slide away */
 }
@@ -387,16 +430,35 @@ ul#searchresults span.teaser em {
     position: absolute;
     cursor: col-resize;
     width: 0;
-    right: 0;
+    right: calc(var(--sidebar-resize-indicator-width) * -1);
     top: 0;
     bottom: 0;
+    display: flex;
+    align-items: center;
+}
+
+.sidebar-resize-handle .sidebar-resize-indicator {
+    width: 100%;
+    height: 12px;
+    background-color: var(--icons);
+    margin-inline-start: var(--sidebar-resize-indicator-space);
+}
+
+[dir=rtl] .sidebar .sidebar-resize-handle {
+    left: calc(var(--sidebar-resize-indicator-width) * -1);
+    right: unset;
 }
 .js .sidebar .sidebar-resize-handle {
     cursor: col-resize;
-    width: 5px;
+    width: calc(var(--sidebar-resize-indicator-width) - var(--sidebar-resize-indicator-space));
 }
-.sidebar-hidden .sidebar {
-    transform: translateX(calc(0px - var(--sidebar-width)));
+/* sidebar-hidden */
+#sidebar-toggle-anchor:not(:checked) ~ .sidebar {
+    transform: translateX(calc(0px - var(--sidebar-width) - var(--sidebar-resize-indicator-width)));
+    z-index: -1;
+}
+[dir=rtl] #sidebar-toggle-anchor:not(:checked) ~ .sidebar {
+    transform: translateX(calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width)));
 }
 .sidebar::-webkit-scrollbar {
     background: var(--sidebar-bg);
@@ -405,19 +467,26 @@ ul#searchresults span.teaser em {
     background: var(--scrollbar);
 }
 
-.sidebar-visible .page-wrapper {
-    transform: translateX(var(--sidebar-width));
+/* sidebar-visible */
+#sidebar-toggle-anchor:checked ~ .page-wrapper {
+    transform: translateX(calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width)));
+}
+[dir=rtl] #sidebar-toggle-anchor:checked ~ .page-wrapper {
+    transform: translateX(calc(0px - var(--sidebar-width) - var(--sidebar-resize-indicator-width)));
 }
 @media only screen and (min-width: 620px) {
-    .sidebar-visible .page-wrapper {
+    #sidebar-toggle-anchor:checked ~ .page-wrapper {
+        transform: none;
+        margin-inline-start: calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width));
+    }
+    [dir=rtl] #sidebar-toggle-anchor:checked ~ .page-wrapper {
         transform: none;
-        margin-left: var(--sidebar-width);
     }
 }
 
 .chapter {
     list-style: none outside none;
-    padding-left: 0;
+    padding-inline-start: 0;
     line-height: 2em;
 }
 
@@ -447,7 +516,7 @@ ul#searchresults span.teaser em {
 .chapter li > a.toggle {
     cursor: pointer;
     display: block;
-    margin-left: auto;
+    margin-inline-start: auto;
     padding: 0 10px;
     user-select: none;
     opacity: 0.68;
@@ -464,7 +533,7 @@ ul#searchresults span.teaser em {
 
 .chapter li.chapter-item {
     line-height: 1.5em;
-    margin-top: 0.6em;
+    margin-block-start: 0.6em;
 }
 
 .chapter li.expanded > a.toggle div {
@@ -487,7 +556,7 @@ ul#searchresults span.teaser em {
 
 .section {
     list-style: none outside none;
-    padding-left: 20px;
+    padding-inline-start: 20px;
     line-height: 1.5em;
 }
 
@@ -510,6 +579,7 @@ ul#searchresults span.teaser em {
     /* Don't let the children's background extend past the rounded corners. */
     overflow: hidden;
 }
+[dir=rtl] .theme-popup { left: unset;  right: 10px; }
 .theme-popup .default {
     color: var(--icons);
 }
@@ -520,7 +590,7 @@ ul#searchresults span.teaser em {
     padding: 2px 20px;
     line-height: 25px;
     white-space: nowrap;
-    text-align: left;
+    text-align: start;
     cursor: pointer;
     color: inherit;
     background: inherit;
@@ -533,6 +603,6 @@ ul#searchresults span.teaser em {
 .theme-selected::before {
     display: inline-block;
     content: "✓";
-    margin-left: -14px;
+    margin-inline-start: -14px;
     width: 14px;
 }
diff --git a/documentation/dev-portal/theme/css/general.css b/documentation/operators/nym_themes/css/general.css
similarity index 74%
rename from documentation/dev-portal/theme/css/general.css
rename to documentation/operators/nym_themes/css/general.css
index f8597e5767..df8c1d12d2 100644
--- a/documentation/dev-portal/theme/css/general.css
+++ b/documentation/operators/nym_themes/css/general.css
@@ -5,6 +5,7 @@
 :root {
     /* Browser default font-size is 16px, this way 1 rem = 10px */
     font-size: 70%;
+    color-scheme: var(--color-scheme);
 }
 
 html {
@@ -22,8 +23,9 @@ body {
 }
 
 code {
-    font-family: var(--mono-font);
+    font-family: var(--mono-font) !important;
     font-size: 0.9em;
+    direction: ltr !important;
 }
 
 /* make long words/inline code not x overflow */
@@ -47,13 +49,13 @@ h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
 .hide-boring .boring { display: none; }
 .hidden { display: none !important; }
 
-h2, h3 { margin-top: 2.5em; }
-h4, h5 { margin-top: 2em; }
+h2, h3 { margin-block-start: 2.5em; }
+h4, h5 { margin-block-start: 2em; }
 
 .header + .header h3,
 .header + .header h4,
 .header + .header h5 {
-    margin-top: 1em;
+    margin-block-start: 1em;
 }
 
 h1:target::before,
@@ -62,10 +64,9 @@ h3:target::before,
 h4:target::before,
 h5:target::before,
 h6:target::before {
-     /* display "none" in order to avoid default artifacts on the community-applications-and-guides page */
-    display: none;
+    display: inline-block;
     content: "»";
-    margin-left: -30px;
+    margin-inline-start: -30px;
     width: 30px;
 }
 
@@ -74,28 +75,34 @@ h6:target::before {
    https://bugs.webkit.org/show_bug.cgi?id=218076
 */
 :target {
+    /* Safari does not support logical properties */
     scroll-margin-top: calc(var(--menu-bar-height) + 0.5em);
 }
 
 .page {
     outline: 0;
     padding: 0 var(--page-padding);
-    margin-top: calc(0px - var(--menu-bar-height)); /* Compensate for the #menu-bar-hover-placeholder */
+    margin-block-start: calc(0px - var(--menu-bar-height)); /* Compensate for the #menu-bar-hover-placeholder */
 }
 .page-wrapper {
     box-sizing: border-box;
+    background-color: var(--bg);
 }
+.no-js .page-wrapper,
 .js:not(.sidebar-resizing) .page-wrapper {
     transition: margin-left 0.3s ease, transform 0.3s ease; /* Animation: slide away */
 }
+[dir=rtl] .js:not(.sidebar-resizing) .page-wrapper {
+    transition: margin-right 0.3s ease, transform 0.3s ease; /* Animation: slide away */
+}
 
 .content {
     overflow-y: auto;
     padding: 0 10px;
 }
 .content main {
-    margin-left: 10%;
-    margin-right: 10%;
+    margin-inline-start: auto;
+    margin-inline-end: auto;
     max-width: var(--content-max-width);
 }
 .content p { line-height: 1.45em; }
@@ -145,8 +152,31 @@ blockquote {
     padding: 0 20px;
     color: var(--fg);
     background-color: var(--quote-bg);
-    border-top: .1em solid var(--quote-border);
-    border-bottom: .1em solid var(--quote-border);
+    border-block-start: .1em solid var(--quote-border);
+    border-block-end: .1em solid var(--quote-border);
+}
+
+.warning {
+    margin: 20px;
+    padding: 0 20px;
+    border-inline-start: 2px solid var(--warning-border);
+}
+
+.warning:before {
+    position: absolute;
+    width: 3rem;
+    height: 3rem;
+    margin-inline-start: calc(-1.5rem - 21px);
+    content: "ⓘ";
+    text-align: center;
+    background-color: var(--bg);
+    color: var(--warning-border);
+    font-weight: bold;
+    font-size: 2rem;
+}
+
+blockquote .warning:before {
+    background-color: var(--quote-bg);
 }
 
 kbd {
@@ -164,7 +194,7 @@ kbd {
 
 :not(.footnote-definition) + .footnote-definition,
 .footnote-definition + :not(.footnote-definition) {
-    margin-top: 2em;
+    margin-block-start: 2em;
 }
 .footnote-definition {
     font-size: 0.9em;
diff --git a/documentation/operators/nym_themes/css/variables.css b/documentation/operators/nym_themes/css/variables.css
new file mode 100644
index 0000000000..51b94cfc5a
--- /dev/null
+++ b/documentation/operators/nym_themes/css/variables.css
@@ -0,0 +1,287 @@
+
+/* Globals */
+
+:root {
+    --sidebar-width: 280px;
+    --sidebar-resize-indicator-width: 8px;
+    --sidebar-resize-indicator-space: 2px;
+    --page-padding: 15px;
+    --content-max-width: 80%;
+    --menu-bar-height: 40px;
+    --mono-font: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace;
+    --code-font-size: 0.875em /* please adjust the ace font size accordingly in editor.js */
+    --pagetoc-width: 13%;
+    --pagetoc-fontsize: 14.5px;
+}
+
+@media only screen and (max-width:1439px) {
+ :root{
+    --content-max-width: 98%;
+  }
+}
+
+/* Themes */
+
+.ayu {
+    --bg: hsl(210, 25%, 8%);
+    --fg: #c5c5c5;
+
+    --sidebar-bg: #14191f;
+    --sidebar-fg: #c8c9db;
+    --sidebar-non-existant: #5c6773;
+    --sidebar-active: #ffb454;
+    --sidebar-spacer: #2d334f;
+
+    --scrollbar: var(--sidebar-fg);
+
+    --icons: #737480;
+    --icons-hover: #b7b9cc;
+
+    --links: #0096cf;
+
+    --inline-code-color: #ffb454;
+
+    --theme-popup-bg: #14191f;
+    --theme-popup-border: #5c6773;
+    --theme-hover: #191f26;
+
+    --quote-bg: hsl(226, 15%, 17%);
+    --quote-border: hsl(226, 15%, 22%);
+
+    --warning-border: #ff8e00;
+
+    --table-border-color: hsl(210, 25%, 13%);
+    --table-header-bg: hsl(210, 25%, 28%);
+    --table-alternate-bg: hsl(210, 25%, 11%);
+
+    --searchbar-border-color: #848484;
+    --searchbar-bg: #424242;
+    --searchbar-fg: #fff;
+    --searchbar-shadow-color: #d4c89f;
+    --searchresults-header-fg: #666;
+    --searchresults-border-color: #888;
+    --searchresults-li-bg: #252932;
+    --search-mark-bg: #e3b171;
+
+    --color-scheme: dark;
+}
+
+.coal {
+    --bg: hsl(200, 7%, 8%);
+    --fg: #98a3ad;
+
+    --sidebar-bg: #292c2f;
+    --sidebar-fg: #a1adb8;
+    --sidebar-non-existant: #505254;
+    --sidebar-active: #3473ad;
+    --sidebar-spacer: #393939;
+
+    --scrollbar: var(--sidebar-fg);
+
+    --icons: #43484d;
+    --icons-hover: #b3c0cc;
+
+    --links: #2b79a2;
+
+    --inline-code-color: #c5c8c6;
+
+    --theme-popup-bg: #141617;
+    --theme-popup-border: #43484d;
+    --theme-hover: #1f2124;
+
+    --quote-bg: hsl(234, 21%, 18%);
+    --quote-border: hsl(234, 21%, 23%);
+
+    --warning-border: #ff8e00;
+
+    --table-border-color: hsl(200, 7%, 13%);
+    --table-header-bg: hsl(200, 7%, 28%);
+    --table-alternate-bg: hsl(200, 7%, 11%);
+
+    --searchbar-border-color: #aaa;
+    --searchbar-bg: #b7b7b7;
+    --searchbar-fg: #000;
+    --searchbar-shadow-color: #aaa;
+    --searchresults-header-fg: #666;
+    --searchresults-border-color: #98a3ad;
+    --searchresults-li-bg: #2b2b2f;
+    --search-mark-bg: #355c7d;
+
+    --color-scheme: dark;
+}
+
+.light {
+    --bg: hsl(0, 0%, 100%);
+    --fg: hsl(0, 0%, 0%);
+
+    --sidebar-bg: #fafafa;
+    --sidebar-fg: hsl(0, 0%, 0%);
+    --sidebar-non-existant: #aaaaaa;
+    --sidebar-active: #1f1fff;
+    --sidebar-spacer: #f4f4f4;
+
+    --scrollbar: #8F8F8F;
+
+    --icons: #747474;
+    --icons-hover: #000000;
+
+    --links: #1f1fff;
+
+    --inline-code-color: #F42C4C;
+
+    --theme-popup-bg: #fafafa;
+    --theme-popup-border: #cccccc;
+    --theme-hover: #e6e6e6;
+
+    --quote-bg: hsl(197, 37%, 96%);
+    --quote-border: hsl(197, 37%, 91%);
+
+    --warning-border: #ff8e00;
+
+    --table-border-color: hsl(0, 0%, 95%);
+    --table-header-bg: hsl(0, 0%, 80%);
+    --table-alternate-bg: hsl(0, 0%, 97%);
+
+    --searchbar-border-color: #aaa;
+    --searchbar-bg: #fafafa;
+    --searchbar-fg: #000;
+    --searchbar-shadow-color: #aaa;
+    --searchresults-header-fg: #666;
+    --searchresults-border-color: #888;
+    --searchresults-li-bg: #e4f2fe;
+    --search-mark-bg: #a2cff5;
+
+    --color-scheme: light;
+}
+
+.navy {
+    --bg: hsl(226, 23%, 11%);
+    --fg: #bcbdd0;
+
+    --sidebar-bg: #282d3f;
+    --sidebar-fg: #c8c9db;
+    --sidebar-non-existant: #505274;
+    --sidebar-active: #2b79a2;
+    --sidebar-spacer: #2d334f;
+
+    --scrollbar: var(--sidebar-fg);
+
+    --icons: #737480;
+    --icons-hover: #b7b9cc;
+
+    --links: #2b79a2;
+
+    --inline-code-color: #c5c8c6;
+
+    --theme-popup-bg: #161923;
+    --theme-popup-border: #737480;
+    --theme-hover: #282e40;
+
+    --quote-bg: hsl(226, 15%, 17%);
+    --quote-border: hsl(226, 15%, 22%);
+
+    --warning-border: #ff8e00;
+
+    --table-border-color: hsl(226, 23%, 16%);
+    --table-header-bg: hsl(226, 23%, 31%);
+    --table-alternate-bg: hsl(226, 23%, 14%);
+
+    --searchbar-border-color: #aaa;
+    --searchbar-bg: #aeaec6;
+    --searchbar-fg: #000;
+    --searchbar-shadow-color: #aaa;
+    --searchresults-header-fg: #5f5f71;
+    --searchresults-border-color: #5c5c68;
+    --searchresults-li-bg: #242430;
+    --search-mark-bg: #a2cff5;
+
+    --color-scheme: dark;
+}
+
+.rust {
+    --bg: hsl(60, 9%, 87%);
+    --fg: #262625;
+
+    --sidebar-bg: #3b2e2a;
+    --sidebar-fg: #c8c9db;
+    --sidebar-non-existant: #505254;
+    --sidebar-active: #e69f67;
+    --sidebar-spacer: #45373a;
+
+    --scrollbar: var(--sidebar-fg);
+
+    --icons: #737480;
+    --icons-hover: #262625;
+
+    --links: #2b79a2;
+
+    --inline-code-color: #6e6b5e;
+
+    --theme-popup-bg: #e1e1db;
+    --theme-popup-border: #b38f6b;
+    --theme-hover: #99908a;
+
+    --quote-bg: hsl(60, 5%, 75%);
+    --quote-border: hsl(60, 5%, 70%);
+
+    --warning-border: #ff8e00;
+
+    --table-border-color: hsl(60, 9%, 82%);
+    --table-header-bg: #b3a497;
+    --table-alternate-bg: hsl(60, 9%, 84%);
+
+    --searchbar-border-color: #aaa;
+    --searchbar-bg: #fafafa;
+    --searchbar-fg: #000;
+    --searchbar-shadow-color: #aaa;
+    --searchresults-header-fg: #666;
+    --searchresults-border-color: #888;
+    --searchresults-li-bg: #dec2a2;
+    --search-mark-bg: #e69f67;
+
+    --color-scheme: light;
+}
+
+@media (prefers-color-scheme: dark) {
+    .light.no-js {
+        --bg: hsl(200, 7%, 8%);
+        --fg: #98a3ad;
+
+        --sidebar-bg: #292c2f;
+        --sidebar-fg: #a1adb8;
+        --sidebar-non-existant: #505254;
+        --sidebar-active: #3473ad;
+        --sidebar-spacer: #393939;
+
+        --scrollbar: var(--sidebar-fg);
+
+        --icons: #43484d;
+        --icons-hover: #b3c0cc;
+
+        --links: #2b79a2;
+
+        --inline-code-color: #c5c8c6;
+
+        --theme-popup-bg: #141617;
+        --theme-popup-border: #43484d;
+        --theme-hover: #1f2124;
+
+        --quote-bg: hsl(234, 21%, 18%);
+        --quote-border: hsl(234, 21%, 23%);
+
+        --warning-border: #ff8e00;
+
+        --table-border-color: hsl(200, 7%, 13%);
+        --table-header-bg: hsl(200, 7%, 28%);
+        --table-alternate-bg: hsl(200, 7%, 11%);
+
+        --searchbar-border-color: #aaa;
+        --searchbar-bg: #b7b7b7;
+        --searchbar-fg: #000;
+        --searchbar-shadow-color: #aaa;
+        --searchresults-header-fg: #666;
+        --searchresults-border-color: #98a3ad;
+        --searchresults-li-bg: #2b2b2f;
+        --search-mark-bg: #355c7d;
+    }
+}
diff --git a/documentation/operators/nym_themes/custom.css b/documentation/operators/nym_themes/custom.css
new file mode 100644
index 0000000000..8005eb68df
--- /dev/null
+++ b/documentation/operators/nym_themes/custom.css
@@ -0,0 +1,54 @@
+:root {
+  --mono-font: Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace;
+}
+
+.coal {
+  --fg: #f2f2f2;
+  --sidebar-fg: #f2f2f2;
+  --sidebar-active: #fb6e4e;
+  --icons-hover: #fb6e4e;
+  --links: #fb6e4e;
+  ::selection {
+    color: #121726;
+    background-color: #c5573d;
+  }
+  select option {
+    background-color: #121726;
+  }
+}
+
+.light {
+  --sidebar-active: #fb6e4e;
+  --icons-hover: #fb6e4e;
+  --links: #fb6e4e;
+  ::selection {
+    color:#f2f2f2;
+    background-color: #c5573d;
+  }
+}
+
+/*properly centering the title given the additional header items*/
+.menu-title {
+  position: absolute;
+  left: 50%;
+}
+.menu-bar .a:hover,
+
+/*necessary because of ^*/
+.right-buttons {
+  position: absolute;
+  right: 0;
+}
+
+select {
+  font-size: 16px;
+}
+
+
+
+footer {
+  font-size: 0.8em;
+  text-align: center;
+  border-top: 1px solid black;
+  padding: 5px 0;
+}
diff --git a/documentation/operators/nym_themes/index.hbs b/documentation/operators/nym_themes/index.hbs
new file mode 100644
index 0000000000..b8115558e3
--- /dev/null
+++ b/documentation/operators/nym_themes/index.hbs
@@ -0,0 +1,381 @@
+<!DOCTYPE HTML>
+<html lang="{{ language }}" class="{{ default_theme }}" dir="{{ text_direction }}">
+    <head>
+        <!-- Book generated using mdBook -->
+        <meta charset="UTF-8">
+        <title>{{ title }}</title>
+        {{#if is_print }}
+        <meta name="robots" content="noindex">
+        {{/if}}
+        {{#if base_url}}
+        <base href="{{ base_url }}">
+        {{/if}}
+
+
+        <!-- Custom HTML head -->
+        {{> head}}
+
+        <meta name="description" content="{{ description }}">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="theme-color" content="#ffffff">
+
+        {{#if favicon_svg}}
+        <link rel="icon" href="{{ path_to_root }}favicon.svg">
+        {{/if}}
+        {{#if favicon_png}}
+        <link rel="shortcut icon" href="{{ path_to_root }}favicon.png">
+        {{/if}}
+        <link rel="stylesheet" href="{{ path_to_root }}css/variables.css">
+        <link rel="stylesheet" href="{{ path_to_root }}css/general.css">
+        <link rel="stylesheet" href="{{ path_to_root }}css/chrome.css">
+        {{#if print_enable}}
+        <link rel="stylesheet" href="{{ path_to_root }}css/print.css" media="print">
+        {{/if}}
+
+        <!-- Fonts -->
+        <link rel="stylesheet" href="{{ path_to_root }}FontAwesome/css/font-awesome.css">
+        {{#if copy_fonts}}
+        <link rel="stylesheet" href="{{ path_to_root }}fonts/fonts.css">
+        {{/if}}
+
+        <!-- Highlight.js Stylesheets -->
+        <link rel="stylesheet" href="{{ path_to_root }}highlight.css">
+        <link rel="stylesheet" href="{{ path_to_root }}tomorrow-night.css">
+        <link rel="stylesheet" href="{{ path_to_root }}ayu-highlight.css">
+
+        <!-- Custom theme stylesheets -->
+        {{#each additional_css}}
+        <link rel="stylesheet" href="{{ ../path_to_root }}{{ this }}">
+        {{/each}}
+
+<!--        {{#if mathjax_support}}-->
+<!--        &lt;!&ndash; MathJax &ndash;&gt;-->
+<!--        <script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>-->
+<!--        {{/if}}-->
+    </head>
+    <body class="sidebar-visible no-js">
+    <div id="body-container">
+        <!-- Provide site root to javascript -->
+        <script>
+            var path_to_root = "{{ path_to_root }}";
+            var default_theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "{{ preferred_dark_theme }}" : "{{ default_theme }}";
+        </script>
+
+        <!-- Work around some values being stored in localStorage wrapped in quotes -->
+        <script>
+            try {
+                var theme = localStorage.getItem('mdbook-theme');
+                var sidebar = localStorage.getItem('mdbook-sidebar');
+
+                if (theme.startsWith('"') && theme.endsWith('"')) {
+                    localStorage.setItem('mdbook-theme', theme.slice(1, theme.length - 1));
+                }
+
+                if (sidebar.startsWith('"') && sidebar.endsWith('"')) {
+                    localStorage.setItem('mdbook-sidebar', sidebar.slice(1, sidebar.length - 1));
+                }
+            } catch (e) { }
+        </script>
+
+        <!-- Set the theme before any content is loaded, prevents flash -->
+        <script>
+            var theme;
+            try { theme = localStorage.getItem('mdbook-theme'); } catch(e) { }
+            if (theme === null || theme === undefined) { theme = default_theme; }
+            var html = document.querySelector('html');
+            html.classList.remove('{{ default_theme }}')
+            html.classList.add(theme);
+            var body = document.querySelector('body');
+            body.classList.remove('no-js')
+            body.classList.add('js');
+        </script>
+
+        <input type="checkbox" id="sidebar-toggle-anchor" class="hidden">
+
+        <!-- Hide / unhide sidebar before it is displayed -->
+        <script>
+            var body = document.querySelector('body');
+            var sidebar = null;
+            var sidebar_toggle = document.getElementById("sidebar-toggle-anchor");
+            if (document.body.clientWidth >= 1080) {
+                try { sidebar = localStorage.getItem('mdbook-sidebar'); } catch(e) { }
+                sidebar = sidebar || 'visible';
+            } else {
+                sidebar = 'hidden';
+            }
+            sidebar_toggle.checked = sidebar === 'visible';
+            body.classList.remove('sidebar-visible');
+            body.classList.add("sidebar-" + sidebar);
+        </script>
+
+        <nav id="sidebar" class="sidebar" aria-label="Table of contents">
+            <div class="sidebar-scrollbox">
+                {{#toc}}{{/toc}}
+            </div>
+            <div id="sidebar-resize-handle" class="sidebar-resize-handle">
+                <div class="sidebar-resize-indicator"></div>
+            </div>
+        </nav>
+
+        <!-- Track and set sidebar scroll position -->
+        <script>
+            var sidebarScrollbox = document.querySelector('#sidebar .sidebar-scrollbox');
+            sidebarScrollbox.addEventListener('click', function(e) {
+                if (e.target.tagName === 'A') {
+                    sessionStorage.setItem('sidebar-scroll', sidebarScrollbox.scrollTop);
+                }
+            }, { passive: true });
+            var sidebarScrollTop = sessionStorage.getItem('sidebar-scroll');
+            sessionStorage.removeItem('sidebar-scroll');
+            if (sidebarScrollTop) {
+                // preserve sidebar scroll position when navigating via links within sidebar
+                sidebarScrollbox.scrollTop = sidebarScrollTop;
+            } else {
+                // scroll sidebar to current active section when navigating via "next/previous chapter" buttons
+                var activeSection = document.querySelector('#sidebar .active');
+                if (activeSection) {
+                    activeSection.scrollIntoView({ block: 'center' });
+                }
+            }
+        </script>
+
+        <div id="page-wrapper" class="page-wrapper">
+
+            <div class="page">
+                {{> header}}
+                <div id="menu-bar-hover-placeholder"></div>
+                <div id="menu-bar" class="menu-bar sticky">
+                    <div class="left-buttons">
+                        <label id="sidebar-toggle" class="icon-button" for="sidebar-toggle-anchor" title="Toggle Table of Contents" aria-label="Toggle Table of Contents" aria-controls="sidebar">
+                            <i class="fa fa-bars"></i>
+                        </label>
+
+                        <button id="theme-toggle" class="icon-button" type="button" title="Change theme" aria-label="Change theme" aria-haspopup="true" aria-expanded="false" aria-controls="theme-list">
+                            <i class="fa fa-paint-brush"></i>
+                        </button>
+                        <ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
+                            <li role="none"><button role="menuitem" class="theme" id="light">Light</button></li>
+                            <li role="none"><button role="menuitem" class="theme" id="coal">Dark</button></li>
+                        </ul>
+
+                        <!-- CUSTOM -->
+                        <select id="dropdown-menu3" class="icon-button">
+                            <option value="">Network Protocol</option>
+                            <option value="https://nymtech.net/docs">Network Docs</option>
+                            <option value="https://nymtech.net/learn/papers">Academic Papers</option>
+                        </select>
+
+                        <select id="dropdown-menu" class="icon-button">
+                            <option value="">Developer Docs</option>
+                            <option value="https://nymtech.net/developers">Dev Portal</option>
+                            <option value="https://nymtech.net/docs/sdk/rust/rust.html">Rust SDK</option>
+                            <option value="https://sdk.nymtech.net">Typescript SDK</option>
+                        </select>
+
+                        <select id="dropdown-menu2" class="icon-button">
+                            <option value="">Setup Guides</option>
+                            <option value="https://nymtech.net/operators">Operators</option>
+                            <option value="https://nymtech.net/developers/nymvpn/intro.html">NymVPN Testing</option>
+                        </select>
+
+                        <script>
+                            document.getElementById('dropdown-menu').addEventListener('change', function() {
+                                const selected = this.options[this.selectedIndex];
+                                if (selected.value !== '') {
+                                    window.location.href = selected.value;
+                                }
+                            });
+                        </script>
+
+                        <script>
+                            document.getElementById('dropdown-menu2').addEventListener('change', function() {
+                                const selected = this.options[this.selectedIndex];
+                                if (selected.value !== '') {
+                                    window.location.href = selected.value;
+                                }
+                            });
+                        </script>
+
+                        <script>
+                            document.getElementById('dropdown-menu3').addEventListener('change', function() {
+                                const selected = this.options[this.selectedIndex];
+                                if (selected.value !== '') {
+                                    window.location.href = selected.value;
+                                }
+                            });
+                        </script>
+                        <!-- END CUSTOM -->
+                    </div>
+
+                    <h1 class="menu-title"> {{ book_title }}</h1>
+
+                    <div class="right-buttons">
+                        {{#if search_enabled}}
+                            <button id="search-toggle" class="icon-button" type="button" title="Search. (Shortkey: s)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="S" aria-controls="searchbar">
+                                <i class="fa fa-search"></i>
+                            </button>
+                        {{/if}}
+                        {{#if print_enable}}
+                        <a href="{{ path_to_root }}print.html" title="Print this book" aria-label="Print this book">
+                            <i id="print-button" class="fa fa-print"></i>
+                        </a>
+                        {{/if}}
+                        {{#if git_repository_url}}
+                        <a href="{{git_repository_url}}" title="Git repository" aria-label="Git repository">
+                            <i id="git-repository-button" class="fa {{git_repository_icon}}"></i>
+                        </a>
+                        {{/if}}
+                        {{#if git_repository_edit_url}}
+                        <a href="{{git_repository_edit_url}}" title="Suggest an edit" aria-label="Suggest an edit">
+                            <i id="git-edit-button" class="fa fa-edit"></i>
+                        </a>
+                        {{/if}}
+
+                    </div>
+                </div>
+
+                {{#if search_enabled}}
+                <div id="search-wrapper" class="hidden">
+                    <form id="searchbar-outer" class="searchbar-outer">
+                        <input type="search" id="searchbar" name="searchbar" placeholder="Search this book ..." aria-controls="searchresults-outer" aria-describedby="searchresults-header">
+                    </form>
+                    <div id="searchresults-outer" class="searchresults-outer hidden">
+                        <div id="searchresults-header" class="searchresults-header"></div>
+                        <ul id="searchresults">
+                        </ul>
+                    </div>
+                </div>
+                {{/if}}
+
+                <!-- Apply ARIA attributes after the sidebar and the sidebar toggle button are added to the DOM -->
+                <script>
+                    document.getElementById('sidebar-toggle').setAttribute('aria-expanded', sidebar === 'visible');
+                    document.getElementById('sidebar').setAttribute('aria-hidden', sidebar !== 'visible');
+                    Array.from(document.querySelectorAll('#sidebar a')).forEach(function(link) {
+                        link.setAttribute('tabIndex', sidebar === 'visible' ? 0 : -1);
+                    });
+                </script>
+
+                <div id="content" class="content">
+                    <main>
+                        <main>
+                            <div class="content-wrap">
+                        {{{ content }}}
+                            </div>
+                            <div class="sidetoc">
+                                <nav class="pagetoc"></nav>
+                            </div>
+                        </main>
+                    </main>
+
+                    <nav class="nav-wrapper" aria-label="Page navigation">
+                        <!-- Mobile navigation buttons -->
+                        {{#previous}}
+                            <a rel="prev" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
+                                <i class="fa fa-angle-left"></i>
+                            </a>
+                        {{/previous}}
+
+                        {{#next}}
+                            <a rel="next prefetch" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
+                                <i class="fa fa-angle-right"></i>
+                            </a>
+                        {{/next}}
+
+                        <div style="clear: both"></div>
+                    </nav>
+                </div>
+            </div>
+
+            <nav class="nav-wide-wrapper" aria-label="Page navigation">
+                {{#previous}}
+                    <a rel="prev" href="{{ path_to_root }}{{link}}" class="nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
+                        <i class="fa fa-angle-left"></i>
+                    </a>
+                {{/previous}}
+
+                {{#next}}
+                    <a rel="next prefetch" href="{{ path_to_root }}{{link}}" class="nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
+                        <i class="fa fa-angle-right"></i>
+                    </a>
+                {{/next}}
+            </nav>
+
+        </div>
+
+        {{#if live_reload_endpoint}}
+        <!-- Livereload script (if served using the cli tool) -->
+        <script>
+            const wsProtocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
+            const wsAddress = wsProtocol + "//" + location.host + "/" + "{{{live_reload_endpoint}}}";
+            const socket = new WebSocket(wsAddress);
+            socket.onmessage = function (event) {
+                if (event.data === "reload") {
+                    socket.close();
+                    location.reload();
+                }
+            };
+
+            window.onbeforeunload = function() {
+                socket.close();
+            }
+        </script>
+        {{/if}}
+
+        {{#if playground_line_numbers}}
+        <script>
+            window.playground_line_numbers = true;
+        </script>
+        {{/if}}
+
+        {{#if playground_copyable}}
+        <script>
+            window.playground_copyable = true;
+        </script>
+        {{/if}}
+
+        {{#if playground_js}}
+        <script src="{{ path_to_root }}ace.js"></script>
+        <script src="{{ path_to_root }}editor.js"></script>
+        <script src="{{ path_to_root }}mode-rust.js"></script>
+        <script src="{{ path_to_root }}theme-dawn.js"></script>
+        <script src="{{ path_to_root }}theme-tomorrow_night.js"></script>
+        {{/if}}
+
+        {{#if search_js}}
+        <script src="{{ path_to_root }}elasticlunr.min.js"></script>
+        <script src="{{ path_to_root }}mark.min.js"></script>
+        <script src="{{ path_to_root }}searcher.js"></script>
+        {{/if}}
+
+        <script src="{{ path_to_root }}clipboard.min.js"></script>
+        <script src="{{ path_to_root }}highlight.js"></script>
+        <script src="{{ path_to_root }}book.js"></script>
+
+        <!-- Custom JS scripts -->
+        {{#each additional_js}}
+        <script src="{{ ../path_to_root }}{{this}}"></script>
+        {{/each}}
+
+        {{#if is_print}}
+        {{#if mathjax_support}}
+        <script>
+        window.addEventListener('load', function() {
+            MathJax.Hub.Register.StartupHook('End', function() {
+                window.setTimeout(window.print, 100);
+            });
+        });
+        </script>
+        {{else}}
+        <script>
+        window.addEventListener('load', function() {
+            window.setTimeout(window.print, 100);
+        });
+        </script>
+        {{/if}}
+        {{/if}}
+
+
+    </div>
+    </body>
+</html>
diff --git a/documentation/operators/nym_themes/index.hbs.bak b/documentation/operators/nym_themes/index.hbs.bak
new file mode 100644
index 0000000000..d2a64dbc97
--- /dev/null
+++ b/documentation/operators/nym_themes/index.hbs.bak
@@ -0,0 +1,370 @@
+<!DOCTYPE HTML>
+<html lang="{{ language }}" class="{{ default_theme }}" dir="{{ text_direction }}">
+    <head>
+        <!-- Book generated using mdBook -->
+        <meta charset="UTF-8">
+        <title>{{ title }}</title>
+        {{#if is_print }}
+        <meta name="robots" content="noindex">
+        {{/if}}
+        {{#if base_url}}
+        <base href="{{ base_url }}">
+        {{/if}}
+
+
+        <!-- Custom HTML head -->
+        {{> head}}
+
+        <meta name="description" content="{{ description }}">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="theme-color" content="#ffffff">
+
+        {{#if favicon_svg}}
+        <link rel="icon" href="{{ path_to_root }}favicon.svg">
+        {{/if}}
+        {{#if favicon_png}}
+        <link rel="shortcut icon" href="{{ path_to_root }}favicon.png">
+        {{/if}}
+        <link rel="stylesheet" href="{{ path_to_root }}css/variables.css">
+        <link rel="stylesheet" href="{{ path_to_root }}css/general.css">
+        <link rel="stylesheet" href="{{ path_to_root }}css/chrome.css">
+        {{#if print_enable}}
+        <link rel="stylesheet" href="{{ path_to_root }}css/print.css" media="print">
+        {{/if}}
+
+        <!-- Fonts -->
+        <link rel="stylesheet" href="{{ path_to_root }}FontAwesome/css/font-awesome.css">
+        {{#if copy_fonts}}
+        <link rel="stylesheet" href="{{ path_to_root }}fonts/fonts.css">
+        {{/if}}
+
+        <!-- Highlight.js Stylesheets -->
+        <link rel="stylesheet" href="{{ path_to_root }}highlight.css">
+        <link rel="stylesheet" href="{{ path_to_root }}tomorrow-night.css">
+        <link rel="stylesheet" href="{{ path_to_root }}ayu-highlight.css">
+
+        <!-- Custom theme stylesheets -->
+        {{#each additional_css}}
+        <link rel="stylesheet" href="{{ ../path_to_root }}{{ this }}">
+        {{/each}}
+
+        {{#if mathjax_support}}
+        <!-- MathJax -->
+        <script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+        {{/if}}
+    </head>
+    <body class="sidebar-visible no-js">
+    <div id="body-container">
+        <!-- Provide site root to javascript -->
+        <script>
+            var path_to_root = "{{ path_to_root }}";
+            var default_theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "{{ preferred_dark_theme }}" : "{{ default_theme }}";
+        </script>
+
+        <!-- Work around some values being stored in localStorage wrapped in quotes -->
+        <script>
+            try {
+                var theme = localStorage.getItem('mdbook-theme');
+                var sidebar = localStorage.getItem('mdbook-sidebar');
+
+                if (theme.startsWith('"') && theme.endsWith('"')) {
+                    localStorage.setItem('mdbook-theme', theme.slice(1, theme.length - 1));
+                }
+
+                if (sidebar.startsWith('"') && sidebar.endsWith('"')) {
+                    localStorage.setItem('mdbook-sidebar', sidebar.slice(1, sidebar.length - 1));
+                }
+            } catch (e) { }
+        </script>
+
+        <!-- Set the theme before any content is loaded, prevents flash -->
+        <script>
+            var theme;
+            try { theme = localStorage.getItem('mdbook-theme'); } catch(e) { }
+            if (theme === null || theme === undefined) { theme = default_theme; }
+            var html = document.querySelector('html');
+            html.classList.remove('{{ default_theme }}')
+            html.classList.add(theme);
+            var body = document.querySelector('body');
+            body.classList.remove('no-js')
+            body.classList.add('js');
+        </script>
+
+        <input type="checkbox" id="sidebar-toggle-anchor" class="hidden">
+
+        <!-- Hide / unhide sidebar before it is displayed -->
+        <script>
+            var body = document.querySelector('body');
+            var sidebar = null;
+            var sidebar_toggle = document.getElementById("sidebar-toggle-anchor");
+            if (document.body.clientWidth >= 1080) {
+                try { sidebar = localStorage.getItem('mdbook-sidebar'); } catch(e) { }
+                sidebar = sidebar || 'visible';
+            } else {
+                sidebar = 'hidden';
+            }
+            sidebar_toggle.checked = sidebar === 'visible';
+            body.classList.remove('sidebar-visible');
+            body.classList.add("sidebar-" + sidebar);
+        </script>
+
+        <nav id="sidebar" class="sidebar" aria-label="Table of contents">
+            <div class="sidebar-scrollbox">
+                {{#toc}}{{/toc}}
+            </div>
+            <div id="sidebar-resize-handle" class="sidebar-resize-handle">
+                <div class="sidebar-resize-indicator"></div>
+            </div>
+        </nav>
+
+        <!-- Track and set sidebar scroll position -->
+        <script>
+            var sidebarScrollbox = document.querySelector('#sidebar .sidebar-scrollbox');
+            sidebarScrollbox.addEventListener('click', function(e) {
+                if (e.target.tagName === 'A') {
+                    sessionStorage.setItem('sidebar-scroll', sidebarScrollbox.scrollTop);
+                }
+            }, { passive: true });
+            var sidebarScrollTop = sessionStorage.getItem('sidebar-scroll');
+            sessionStorage.removeItem('sidebar-scroll');
+            if (sidebarScrollTop) {
+                // preserve sidebar scroll position when navigating via links within sidebar
+                sidebarScrollbox.scrollTop = sidebarScrollTop;
+            } else {
+                // scroll sidebar to current active section when navigating via "next/previous chapter" buttons
+                var activeSection = document.querySelector('#sidebar .active');
+                if (activeSection) {
+                    activeSection.scrollIntoView({ block: 'center' });
+                }
+            }
+        </script>
+
+        <div id="page-wrapper" class="page-wrapper">
+
+            <div class="page">
+                {{> header}}
+                <div id="menu-bar-hover-placeholder"></div>
+                <div id="menu-bar" class="menu-bar sticky">
+                    <div class="left-buttons">
+                        <label id="sidebar-toggle" class="icon-button" for="sidebar-toggle-anchor" title="Toggle Table of Contents" aria-label="Toggle Table of Contents" aria-controls="sidebar">
+                            <i class="fa fa-bars"></i>
+                        </label>
+
+                        <!-- TODO remove weird padding here -->
+                        <button id="theme-toggle" class="icon-button" type="button" title="Change theme" aria-label="Change theme" aria-haspopup="true" aria-expanded="false" aria-controls="theme-list">
+                            <i class="fa fa-paint-brush"></i>
+                        </button>
+                        <ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
+                            <li role="none"><button role="menuitem" class="theme" id="light">Light</button></li>
+                            <li role="none"><button role="menuitem" class="theme" id="coal">Dark</button></li>
+                        </ul>
+
+                        <!-- CUSTOM -->
+                        <!-- TODO style when open -->
+                        <select id="dropdown-menu" class="icon-button">
+                            <option value="">SDKS</option>
+                            <option value="https://nymtech.net/docs/sdk/rust/rust.html">Rust</option>
+                            <option value="https://sdk.nymtech.net">Typescript</option>
+                        </select>
+
+                        <!-- TODO style when open -->
+                        <select id="dropdown-menu2" class="icon-button">
+                            <option value="">Doc Sites</option>
+                            <option value="https://nymtech.net/developers">Dev Portal</option>
+                            <option value="https://nymtech.net/docs/introduction.html">Network Docs</option>
+                            <option value="https://https://nymtech.net/operators">Operator Docs</option>
+                        </select>
+
+                        <script>
+                            document.getElementById('dropdown-menu').addEventListener('change', function() {
+                                const selected = this.options[this.selectedIndex];
+                                if (selected.value !== '') {
+                                    window.location.href = selected.value;
+                                }
+                            });
+                        </script>
+
+                        <script>
+                            document.getElementById('dropdown-menu2').addEventListener('change', function() {
+                                const selected = this.options[this.selectedIndex];
+                                if (selected.value !== '') {
+                                    window.location.href = selected.value;
+                                }
+                            });
+                        </script>
+                        <!-- END CUSTOM -->
+
+                    </div>
+
+                    <h1 class="menu-title">{{ book_title }}</h1>
+
+                    <div class="right-buttons">
+                        {{#if search_enabled}}
+                            <button id="search-toggle" class="icon-button" type="button" title="Search. (Shortkey: s)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="S" aria-controls="searchbar">
+                                <i class="fa fa-search"></i>
+                            </button>
+                        {{/if}}
+                        {{#if print_enable}}
+                        <a href="{{ path_to_root }}print.html" title="Print this book" aria-label="Print this book">
+                            <i id="print-button" class="fa fa-print"></i>
+                        </a>
+                        {{/if}}
+                        {{#if git_repository_url}}
+                        <a href="{{git_repository_url}}" title="Git repository" aria-label="Git repository">
+                            <i id="git-repository-button" class="fa {{git_repository_icon}}"></i>
+                        </a>
+                        {{/if}}
+                        {{#if git_repository_edit_url}}
+                        <a href="{{git_repository_edit_url}}" title="Suggest an edit" aria-label="Suggest an edit">
+                            <i id="git-edit-button" class="fa fa-edit"></i>
+                        </a>
+                        {{/if}}
+
+                    </div>
+                </div>
+
+                {{#if search_enabled}}
+                <div id="search-wrapper" class="hidden">
+                    <form id="searchbar-outer" class="searchbar-outer">
+                        <input type="search" id="searchbar" name="searchbar" placeholder="Search this book ..." aria-controls="searchresults-outer" aria-describedby="searchresults-header">
+                    </form>
+                    <div id="searchresults-outer" class="searchresults-outer hidden">
+                        <div id="searchresults-header" class="searchresults-header"></div>
+                        <ul id="searchresults">
+                        </ul>
+                    </div>
+                </div>
+                {{/if}}
+
+                <!-- Apply ARIA attributes after the sidebar and the sidebar toggle button are added to the DOM -->
+                <script>
+                    document.getElementById('sidebar-toggle').setAttribute('aria-expanded', sidebar === 'visible');
+                    document.getElementById('sidebar').setAttribute('aria-hidden', sidebar !== 'visible');
+                    Array.from(document.querySelectorAll('#sidebar a')).forEach(function(link) {
+                        link.setAttribute('tabIndex', sidebar === 'visible' ? 0 : -1);
+                    });
+                </script>
+
+                <div id="content" class="content">
+                    <main>
+                        <main>
+                            <div class="content-wrap">
+                        {{{ content }}}
+                            </div>
+                            <div class="sidetoc">
+                                <nav class="pagetoc"></nav>
+                            </div>
+                        </main>
+                    </main>
+
+                    <nav class="nav-wrapper" aria-label="Page navigation">
+                        <!-- Mobile navigation buttons -->
+                        {{#previous}}
+                            <a rel="prev" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
+                                <i class="fa fa-angle-left"></i>
+                            </a>
+                        {{/previous}}
+
+                        {{#next}}
+                            <a rel="next prefetch" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
+                                <i class="fa fa-angle-right"></i>
+                            </a>
+                        {{/next}}
+
+                        <div style="clear: both"></div>
+                    </nav>
+                </div>
+            </div>
+
+            <nav class="nav-wide-wrapper" aria-label="Page navigation">
+                {{#previous}}
+                    <a rel="prev" href="{{ path_to_root }}{{link}}" class="nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
+                        <i class="fa fa-angle-left"></i>
+                    </a>
+                {{/previous}}
+
+                {{#next}}
+                    <a rel="next prefetch" href="{{ path_to_root }}{{link}}" class="nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
+                        <i class="fa fa-angle-right"></i>
+                    </a>
+                {{/next}}
+            </nav>
+
+        </div>
+
+        {{#if live_reload_endpoint}}
+        <!-- Livereload script (if served using the cli tool) -->
+        <script>
+            const wsProtocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
+            const wsAddress = wsProtocol + "//" + location.host + "/" + "{{{live_reload_endpoint}}}";
+            const socket = new WebSocket(wsAddress);
+            socket.onmessage = function (event) {
+                if (event.data === "reload") {
+                    socket.close();
+                    location.reload();
+                }
+            };
+
+            window.onbeforeunload = function() {
+                socket.close();
+            }
+        </script>
+        {{/if}}
+
+        {{#if playground_line_numbers}}
+        <script>
+            window.playground_line_numbers = true;
+        </script>
+        {{/if}}
+
+        {{#if playground_copyable}}
+        <script>
+            window.playground_copyable = true;
+        </script>
+        {{/if}}
+
+        {{#if playground_js}}
+        <script src="{{ path_to_root }}ace.js"></script>
+        <script src="{{ path_to_root }}editor.js"></script>
+        <script src="{{ path_to_root }}mode-rust.js"></script>
+        <script src="{{ path_to_root }}theme-dawn.js"></script>
+        <script src="{{ path_to_root }}theme-tomorrow_night.js"></script>
+        {{/if}}
+
+        {{#if search_js}}
+        <script src="{{ path_to_root }}elasticlunr.min.js"></script>
+        <script src="{{ path_to_root }}mark.min.js"></script>
+        <script src="{{ path_to_root }}searcher.js"></script>
+        {{/if}}
+
+        <script src="{{ path_to_root }}clipboard.min.js"></script>
+        <script src="{{ path_to_root }}highlight.js"></script>
+        <script src="{{ path_to_root }}book.js"></script>
+
+        <!-- Custom JS scripts -->
+        {{#each additional_js}}
+        <script src="{{ ../path_to_root }}{{this}}"></script>
+        {{/each}}
+
+        {{#if is_print}}
+        {{#if mathjax_support}}
+        <script>
+        window.addEventListener('load', function() {
+            MathJax.Hub.Register.StartupHook('End', function() {
+                window.setTimeout(window.print, 100);
+            });
+        });
+        </script>
+        {{else}}
+        <script>
+        window.addEventListener('load', function() {
+            window.setTimeout(window.print, 100);
+        });
+        </script>
+        {{/if}}
+        {{/if}}
+
+
+    </div>
+    </body>
+</html>
diff --git a/documentation/operators/mdbook-admonish.css b/documentation/operators/nym_themes/mdbook-admonish.css
similarity index 100%
rename from documentation/operators/mdbook-admonish.css
rename to documentation/operators/nym_themes/mdbook-admonish.css
diff --git a/documentation/operators/nym_themes/pagetoc.css b/documentation/operators/nym_themes/pagetoc.css
new file mode 100644
index 0000000000..651572ce55
--- /dev/null
+++ b/documentation/operators/nym_themes/pagetoc.css
@@ -0,0 +1,101 @@
+:root {
+    --toc-width: 270px;
+    --center-content-toc-shift: calc(-1 * var(--toc-width) / 2);
+}
+
+.nav-chapters {
+    /* adjust width of buttons that bring to the previous or the next page */
+    min-width: 50px;
+}
+
+.previous {
+    /*
+    adjust the space between the left sidebar or the left side of the screen 
+    and the button that leads to the previous page
+    */
+    margin-left: var(--page-padding);
+}
+
+@media only screen {
+    main {
+        display: flex;
+    }
+
+    @media (max-width: 1179px) {
+        .sidebar-hidden .sidetoc {
+            display: none;
+        }
+    }
+
+    @media (max-width: 1439px) {
+        .sidebar-visible .sidetoc {
+            display: none;
+        }
+    }
+
+    @media (1180px <= width <= 1439px) {
+        .sidebar-hidden main {
+            position: relative;
+            left: var(--center-content-toc-shift);
+        }
+    }
+
+    @media (1440px <= width <= 1700px) {
+        .sidebar-visible main {
+            position: relative;
+            left: var(--center-content-toc-shift);
+        }
+    }
+
+    .content-wrap {
+        overflow-y: auto;
+        width: 100%;
+    }
+
+    .sidetoc {
+        margin-top: 20px;
+        margin-left: 10px;
+        margin-right: auto;
+    }
+    .pagetoc {
+        position: fixed;
+        /* adjust TOC width */
+        width: var(--toc-width);
+        height: calc(100vh - var(--menu-bar-height) - 0.67em * 4);
+        overflow: auto;
+    }
+    .pagetoc a {
+        border-left: 1px solid var(--sidebar-bg);
+        color: var(--fg) !important;
+        display: block;
+        padding-bottom: 5px;
+        padding-top: 5px;
+        padding-left: 10px;
+        text-align: left;
+        text-decoration: none;
+    }
+    .pagetoc a:hover,
+    .pagetoc a.active {
+        background: var(--sidebar-bg);
+        color: var(--sidebar-fg) !important;
+    }
+    .pagetoc .active {
+        background: var(--sidebar-bg);
+        color: var(--sidebar-fg);
+    }
+    .pagetoc .pagetoc-H2 {
+        padding-left: 20px;
+    }
+    .pagetoc .pagetoc-H3 {
+        padding-left: 40px;
+    }
+    .pagetoc .pagetoc-H4 {
+        padding-left: 60px;
+    }
+}
+
+@media print {
+    .sidetoc {
+        display: none;
+    }
+}
diff --git a/documentation/operators/nym_themes/pagetoc.js b/documentation/operators/nym_themes/pagetoc.js
new file mode 100644
index 0000000000..490d9e4c31
--- /dev/null
+++ b/documentation/operators/nym_themes/pagetoc.js
@@ -0,0 +1,114 @@
+function forEach(elems, fun) {
+  Array.prototype.forEach.call(elems, fun);
+}
+
+function getPagetoc(){
+  return document.getElementsByClassName("pagetoc")[0]
+}
+
+function getPagetocElems() {
+  return getPagetoc().children;
+}
+
+function getHeaders(){
+  return document.getElementsByClassName("header")
+}
+
+// Un-active everything when you click it
+function forPagetocElem(fun) {
+  forEach(getPagetocElems(), fun);
+}
+
+function getRect(element) {
+  return element.getBoundingClientRect();
+}
+
+function overflowTop(container, element) {
+  return getRect(container).top - getRect(element).top;
+}
+
+function overflowBottom(container, element) {
+  return getRect(container).bottom - getRect(element).bottom;
+}
+
+var activeHref = location.href;
+
+var updateFunction = function (elem = undefined) {
+  var id = elem;
+
+  if (!id && location.href != activeHref) {
+    activeHref = location.href;
+    forPagetocElem(function (el) {
+      if (el.href === activeHref) {
+        id = el;
+      }
+    });
+  }
+
+  if (!id) {
+    var elements = getHeaders();
+    let margin = window.innerHeight / 3;
+
+    forEach(elements, function (el, i, arr) {
+      if (!id && getRect(el).top >= 0) {
+        if (getRect(el).top < margin) {
+          id = el;
+        } else {
+          id = arr[Math.max(0, i - 1)];
+        }
+      }
+      // a very long last section
+      // its heading is over the screen
+      if (!id && i == arr.length - 1) {
+        id = el
+      }
+    });
+  }
+
+  forPagetocElem(function (el) {
+    el.classList.remove("active");
+  });
+
+  if (!id) return;
+
+  forPagetocElem(function (el) {
+    if (id.href.localeCompare(el.href) == 0) {
+      el.classList.add("active");
+      let pagetoc = getPagetoc();
+      if (overflowTop(pagetoc, el) > 0) {
+        pagetoc.scrollTop = el.offsetTop;
+      }
+      if (overflowBottom(pagetoc, el) < 0) {
+        pagetoc.scrollTop -= overflowBottom(pagetoc, el);
+      }
+    }
+  });
+};
+
+let elements = getHeaders();
+
+if (elements.length > 1) {
+  // Populate sidebar on load
+  window.addEventListener("load", function () {
+    var pagetoc = getPagetoc();
+    var elements = getHeaders();
+    forEach(elements, function (el) {
+      var link = document.createElement("a");
+      link.appendChild(document.createTextNode(el.text));
+      link.href = el.hash;
+      link.classList.add("pagetoc-" + el.parentElement.tagName);
+      pagetoc.appendChild(link);
+      link.onclick = function () {
+        updateFunction(link);
+      };
+    });
+    updateFunction();
+  });
+
+  // Handle active elements on scroll
+  window.addEventListener("scroll", function () {
+    updateFunction();
+  });
+} else {
+  document.getElementsByClassName("sidetoc")[0].remove();
+}
diff --git a/documentation/operators/theme/css/variables.css b/documentation/operators/theme/css/variables.css
deleted file mode 100644
index 8dfcf92239..0000000000
--- a/documentation/operators/theme/css/variables.css
+++ /dev/null
@@ -1,3257 +0,0 @@
-
-/* Globals */
-
-:root {
-    --sidebar-width: 300px;
-    --page-padding: 20px;
-    --content-max-width: 70%;
-    --menu-bar-height: 40px;
-    --mono-font: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace;
-    --code-font-size: 0.875em /* please adjust the ace font size accordingly in editor.js */
-    --pagetoc-width: 13%;
-    --pagetoc-fontsize: 14.5px;
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-@media only screen and (max-width:1439px) {
- :root{
-    --content-max-width: 98%;
-  }
-}
-
-/* Themes */
-
-.ayu {
-    --bg: hsl(210, 25%, 8%);
-    --fg: #c5c5c5;
-
-    --sidebar-bg: #14191f;
-    --sidebar-fg: #c8c9db;
-    --sidebar-non-existant: #5c6773;
-    --sidebar-active: #ffb454;
-    --sidebar-spacer: #2d334f;
-
-    --scrollbar: var(--sidebar-fg);
-
-    --icons: #737480;
-    --icons-hover: #b7b9cc;
-
-    --links: #0096cf;
-
-    --inline-code-color: #ffb454;
-
-    --theme-popup-bg: #14191f;
-    --theme-popup-border: #5c6773;
-    --theme-hover: #191f26;
-
-    --quote-bg: hsl(226, 15%, 17%);
-    --quote-border: hsl(226, 15%, 22%);
-
-    --table-border-color: hsl(210, 25%, 13%);
-    --table-header-bg: hsl(210, 25%, 28%);
-    --table-alternate-bg: hsl(210, 25%, 11%);
-
-    --searchbar-border-color: #848484;
-    --searchbar-bg: #424242;
-    --searchbar-fg: #fff;
-    --searchbar-shadow-color: #d4c89f;
-    --searchresults-header-fg: #666;
-    --searchresults-border-color: #888;
-    --searchresults-li-bg: #252932;
-    --search-mark-bg: #e3b171;
-}
-
-.coal {
-    --bg: hsl(200, 7%, 8%);
-    --fg: #98a3ad;
-
-    --sidebar-bg: #292c2f;
-    --sidebar-fg: #a1adb8;
-    --sidebar-non-existant: #505254;
-    --sidebar-active: #3473ad;
-    --sidebar-spacer: #393939;
-
-    --scrollbar: var(--sidebar-fg);
-
-    --icons: #43484d;
-    --icons-hover: #b3c0cc;
-
-    --links: #2b79a2;
-
-    --inline-code-color: #c5c8c6;
-
-    --theme-popup-bg: #141617;
-    --theme-popup-border: #43484d;
-    --theme-hover: #1f2124;
-
-    --quote-bg: hsl(234, 21%, 18%);
-    --quote-border: hsl(234, 21%, 23%);
-
-    --table-border-color: hsl(200, 7%, 13%);
-    --table-header-bg: hsl(200, 7%, 28%);
-    --table-alternate-bg: hsl(200, 7%, 11%);
-
-    --searchbar-border-color: #aaa;
-    --searchbar-bg: #b7b7b7;
-    --searchbar-fg: #000;
-    --searchbar-shadow-color: #aaa;
-    --searchresults-header-fg: #666;
-    --searchresults-border-color: #98a3ad;
-    --searchresults-li-bg: #2b2b2f;
-    --search-mark-bg: #355c7d;
-}
-
-.light {
-    --bg: hsl(0, 0%, 100%);
-    --fg: hsl(0, 0%, 0%);
-
-    --sidebar-bg: #fafafa;
-    --sidebar-fg: hsl(0, 0%, 0%);
-    --sidebar-non-existant: #aaaaaa;
-    --sidebar-active: #1f1fff;
-    --sidebar-spacer: #f4f4f4;
-
-    --scrollbar: #8F8F8F;
-
-    --icons: #747474;
-    --icons-hover: #000000;
-
-    --links: #1f1fff;
-
-    --inline-code-color: #F42C4C;
-
-    --theme-popup-bg: #fafafa;
-    --theme-popup-border: #cccccc;
-    --theme-hover: #e6e6e6;
-
-    --quote-bg: hsl(197, 37%, 96%);
-    --quote-border: hsl(197, 37%, 91%);
-
-    --table-border-color: hsl(0, 0%, 95%);
-    --table-header-bg: hsl(0, 0%, 80%);
-    --table-alternate-bg: hsl(0, 0%, 97%);
-
-    --searchbar-border-color: #aaa;
-    --searchbar-bg: #fafafa;
-    --searchbar-fg: #000;
-    --searchbar-shadow-color: #aaa;
-    --searchresults-header-fg: #666;
-    --searchresults-border-color: #888;
-    --searchresults-li-bg: #e4f2fe;
-    --search-mark-bg: #a2cff5;
-}
-
-.navy {
-    --bg: hsl(226, 23%, 11%);
-    --fg: #bcbdd0;
-
-    --sidebar-bg: #282d3f;
-    --sidebar-fg: #c8c9db;
-    --sidebar-non-existant: #505274;
-    --sidebar-active: #2b79a2;
-    --sidebar-spacer: #2d334f;
-
-    --scrollbar: var(--sidebar-fg);
-
-    --icons: #737480;
-    --icons-hover: #b7b9cc;
-
-    --links: #2b79a2;
-
-    --inline-code-color: #c5c8c6;
-
-    --theme-popup-bg: #161923;
-    --theme-popup-border: #737480;
-    --theme-hover: #282e40;
-
-    --quote-bg: hsl(226, 15%, 17%);
-    --quote-border: hsl(226, 15%, 22%);
-
-    --table-border-color: hsl(226, 23%, 16%);
-    --table-header-bg: hsl(226, 23%, 31%);
-    --table-alternate-bg: hsl(226, 23%, 14%);
-
-    --searchbar-border-color: #aaa;
-    --searchbar-bg: #aeaec6;
-    --searchbar-fg: #000;
-    --searchbar-shadow-color: #aaa;
-    --searchresults-header-fg: #5f5f71;
-    --searchresults-border-color: #5c5c68;
-    --searchresults-li-bg: #242430;
-    --search-mark-bg: #a2cff5;
-}
-
-.rust {
-    --bg: hsl(60, 9%, 87%);
-    --fg: #262625;
-
-    --sidebar-bg: #3b2e2a;
-    --sidebar-fg: #c8c9db;
-    --sidebar-non-existant: #505254;
-    --sidebar-active: #e69f67;
-    --sidebar-spacer: #45373a;
-
-    --scrollbar: var(--sidebar-fg);
-
-    --icons: #737480;
-    --icons-hover: #262625;
-
-    --links: #2b79a2;
-
-    --inline-code-color: #6e6b5e;
-
-    --theme-popup-bg: #e1e1db;
-    --theme-popup-border: #b38f6b;
-    --theme-hover: #99908a;
-
-    --quote-bg: hsl(60, 5%, 75%);
-    --quote-border: hsl(60, 5%, 70%);
-
-    --table-border-color: hsl(60, 9%, 82%);
-    --table-header-bg: #b3a497;
-    --table-alternate-bg: hsl(60, 9%, 84%);
-
-    --searchbar-border-color: #aaa;
-    --searchbar-bg: #fafafa;
-    --searchbar-fg: #000;
-    --searchbar-shadow-color: #aaa;
-    --searchresults-header-fg: #666;
-    --searchresults-border-color: #888;
-    --searchresults-li-bg: #dec2a2;
-    --search-mark-bg: #e69f67;
-}
-
-@media (prefers-color-scheme: dark) {
-    .light.no-js {
-        --bg: hsl(200, 7%, 8%);
-        --fg: #98a3ad;
-
-        --sidebar-bg: #292c2f;
-        --sidebar-fg: #a1adb8;
-        --sidebar-non-existant: #505254;
-        --sidebar-active: #3473ad;
-        --sidebar-spacer: #393939;
-
-        --scrollbar: var(--sidebar-fg);
-
-        --icons: #43484d;
-        --icons-hover: #b3c0cc;
-
-        --links: #2b79a2;
-
-        --inline-code-color: #c5c8c6;
-
-        --theme-popup-bg: #141617;
-        --theme-popup-border: #43484d;
-        --theme-hover: #1f2124;
-
-        --quote-bg: hsl(234, 21%, 18%);
-        --quote-border: hsl(234, 21%, 23%);
-
-        --table-border-color: hsl(200, 7%, 13%);
-        --table-header-bg: hsl(200, 7%, 28%);
-        --table-alternate-bg: hsl(200, 7%, 11%);
-
-        --searchbar-border-color: #aaa;
-        --searchbar-bg: #b7b7b7;
-        --searchbar-fg: #000;
-        --searchbar-shadow-color: #aaa;
-        --searchresults-header-fg: #666;
-        --searchresults-border-color: #98a3ad;
-        --searchresults-li-bg: #2b2b2f;
-        --search-mark-bg: #355c7d;
-    }
-}
diff --git a/documentation/operators/theme/index.hbs b/documentation/operators/theme/index.hbs
deleted file mode 100644
index 06a3731f33..0000000000
--- a/documentation/operators/theme/index.hbs
+++ /dev/null
@@ -1,1063 +0,0 @@
-<!DOCTYPE HTML>
-<html lang="{{ language }}" class="sidebar-visible no-js {{ default_theme }}">
-    <head>
-        <!-- Book generated using mdBook -->
-        <meta charset="UTF-8">
-        <title>{{ title }}</title>
-        {{#if is_print }}
-        <meta name="robots" content="noindex" />
-        {{/if}}
-        {{#if base_url}}
-        <base href="{{ base_url }}">
-        {{/if}}
-
-
-        <!-- Custom HTML head -->
-        {{> head}}
-
-        <meta name="description" content="{{ description }}">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <meta name="theme-color" content="#ffffff" />
-
-        {{#if favicon_svg}}
-        <link rel="icon" href="{{ path_to_root }}favicon.svg">
-        {{/if}}
-        {{#if favicon_png}}
-        <link rel="shortcut icon" href="{{ path_to_root }}favicon.png">
-        {{/if}}
-        <link rel="stylesheet" href="{{ path_to_root }}css/variables.css">
-        <link rel="stylesheet" href="{{ path_to_root }}css/general.css">
-        <link rel="stylesheet" href="{{ path_to_root }}css/chrome.css">
-        {{#if print_enable}}
-        <link rel="stylesheet" href="{{ path_to_root }}css/print.css" media="print">
-        {{/if}}
-
-        <!-- Fonts -->
-        <link rel="stylesheet" href="{{ path_to_root }}FontAwesome/css/font-awesome.css">
-        {{#if copy_fonts}}
-        <link rel="stylesheet" href="{{ path_to_root }}fonts/fonts.css">
-        {{/if}}
-
-        <!-- Highlight.js Stylesheets -->
-        <link rel="stylesheet" href="{{ path_to_root }}highlight.css">
-        <link rel="stylesheet" href="{{ path_to_root }}tomorrow-night.css">
-        <link rel="stylesheet" href="{{ path_to_root }}ayu-highlight.css">
-
-        <!-- Custom theme stylesheets -->
-        {{#each additional_css}}
-        <link rel="stylesheet" href="{{ ../path_to_root }}{{ this }}">
-        {{/each}}
-
-        {{#if mathjax_support}}
-        <!-- MathJax -->
-        <script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
-        {{/if}}
-    </head>
-    <body>
-        <!-- Provide site root to javascript -->
-        <script>
-            var path_to_root = "{{ path_to_root }}";
-            var default_theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "{{ preferred_dark_theme }}" : "{{ default_theme }}";
-        </script>
-
-        <!-- Work around some values being stored in localStorage wrapped in quotes -->
-        <script>
-            try {
-                var theme = localStorage.getItem('mdbook-theme');
-                var sidebar = localStorage.getItem('mdbook-sidebar');
-
-                if (theme.startsWith('"') && theme.endsWith('"')) {
-                    localStorage.setItem('mdbook-theme', theme.slice(1, theme.length - 1));
-                }
-
-                if (sidebar.startsWith('"') && sidebar.endsWith('"')) {
-                    localStorage.setItem('mdbook-sidebar', sidebar.slice(1, sidebar.length - 1));
-                }
-            } catch (e) { }
-        </script>
-
-        <!-- Set the theme before any content is loaded, prevents flash -->
-        <script>
-            var theme;
-            try { theme = localStorage.getItem('mdbook-theme'); } catch(e) { }
-            if (theme === null || theme === undefined) { theme = default_theme; }
-            var html = document.querySelector('html');
-            html.classList.remove('no-js')
-            html.classList.remove('{{ default_theme }}')
-            html.classList.add(theme);
-            html.classList.add('js');
-        </script>
-
-        <!-- Hide / unhide sidebar before it is displayed -->
-        <script>
-            var html = document.querySelector('html');
-            var sidebar = 'hidden';
-            if (document.body.clientWidth >= 1080) {
-                try { sidebar = localStorage.getItem('mdbook-sidebar'); } catch(e) { }
-                sidebar = sidebar || 'visible';
-            }
-            html.classList.remove('sidebar-visible');
-            html.classList.add("sidebar-" + sidebar);
-        </script>
-
-        <nav id="sidebar" class="sidebar" aria-label="Table of contents">
-            <div class="sidebar-scrollbox">
-                {{#toc}}{{/toc}}
-            </div>
-            <div id="sidebar-resize-handle" class="sidebar-resize-handle"></div>
-        </nav>
-
-        <div id="page-wrapper" class="page-wrapper">
-
-            <div class="page">
-                {{> header}}
-                <div id="menu-bar-hover-placeholder"></div>
-                <div id="menu-bar" class="menu-bar sticky bordered">
-                    <div class="left-buttons">
-                        <button id="sidebar-toggle" class="icon-button" type="button" title="Toggle Table of Contents" aria-label="Toggle Table of Contents" aria-controls="sidebar">
-                            <i class="fa fa-bars"></i>
-                        </button>
-                        <button id="theme-toggle" class="icon-button" type="button" title="Change theme" aria-label="Change theme" aria-haspopup="true" aria-expanded="false" aria-controls="theme-list">
-                            <i class="fa fa-paint-brush"></i>
-                        </button>
-                        <ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
-                            <li role="none"><button role="menuitem" class="theme" id="light">Light</button></li>
-                            <li role="none"><button role="menuitem" class="theme" id="rust">Rust</button></li>
-                            <li role="none"><button role="menuitem" class="theme" id="coal">Coal</button></li>
-                            <li role="none"><button role="menuitem" class="theme" id="navy">Navy</button></li>
-                            <li role="none"><button role="menuitem" class="theme" id="ayu">Ayu</button></li>
-                        </ul>
-                        {{#if search_enabled}}
-                        <button id="search-toggle" class="icon-button" type="button" title="Search. (Shortkey: s)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="S" aria-controls="searchbar">
-                            <i class="fa fa-search"></i>
-                        </button>
-                        {{/if}}
-                    </div>
-
-                    <h1 class="menu-title">{{ book_title }}</h1>
-
-                    <div class="right-buttons">
-                        {{#if print_enable}}
-                        <a href="{{ path_to_root }}print.html" title="Print this book" aria-label="Print this book">
-                            <i id="print-button" class="fa fa-print"></i>
-                        </a>
-                        {{/if}}
-                        {{#if git_repository_url}}
-                        <a href="{{git_repository_url}}" title="Git repository" aria-label="Git repository">
-                            <i id="git-repository-button" class="fa {{git_repository_icon}}"></i>
-                        </a>
-                        {{/if}}
-                        {{#if git_repository_edit_url}}
-                        <a href="{{git_repository_edit_url}}" title="Suggest an edit" aria-label="Suggest an edit">
-                            <i id="git-edit-button" class="fa fa-edit"></i>
-                        </a>
-                        {{/if}}
-
-                    </div>
-                </div>
-
-                {{#if search_enabled}}
-                <div id="search-wrapper" class="hidden">
-                    <form id="searchbar-outer" class="searchbar-outer">
-                        <input type="search" id="searchbar" name="searchbar" placeholder="Search this book ..." aria-controls="searchresults-outer" aria-describedby="searchresults-header">
-                    </form>
-                    <div id="searchresults-outer" class="searchresults-outer hidden">
-                        <div id="searchresults-header" class="searchresults-header"></div>
-                        <ul id="searchresults">
-                        </ul>
-                    </div>
-                </div>
-                {{/if}}
-
-                <!-- Apply ARIA attributes after the sidebar and the sidebar toggle button are added to the DOM -->
-                <script>
-                    document.getElementById('sidebar-toggle').setAttribute('aria-expanded', sidebar === 'visible');
-                    document.getElementById('sidebar').setAttribute('aria-hidden', sidebar !== 'visible');
-                    Array.from(document.querySelectorAll('#sidebar a')).forEach(function(link) {
-                        link.setAttribute('tabIndex', sidebar === 'visible' ? 0 : -1);
-                    });
-                </script>
-
-                <div id="content" class="content">
-                    <main>
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        <!-- Page table of contents -->
-                        <div class="sidetoc"><nav class="pagetoc"></nav></div>
-
-                        {{{ content }}}
-                    </main>
-
-                    <nav class="nav-wrapper" aria-label="Page navigation">
-                        <!-- Mobile navigation buttons -->
-                        {{#previous}}
-                            <a rel="prev" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
-                                <i class="fa fa-angle-left"></i>
-                            </a>
-                        {{/previous}}
-
-                        {{#next}}
-                            <a rel="next" href="{{ path_to_root }}{{link}}" class="mobile-nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
-                                <i class="fa fa-angle-right"></i>
-                            </a>
-                        {{/next}}
-
-                        <div style="clear: both"></div>
-                    </nav>
-                </div>
-            </div>
-
-            <nav class="nav-wide-wrapper" aria-label="Page navigation">
-                {{#previous}}
-                    <a rel="prev" href="{{ path_to_root }}{{link}}" class="nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
-                        <i class="fa fa-angle-left"></i>
-                    </a>
-                {{/previous}}
-
-                {{#next}}
-                    <a rel="next" href="{{ path_to_root }}{{link}}" class="nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
-                        <i class="fa fa-angle-right"></i>
-                    </a>
-                {{/next}}
-            </nav>
-
-        </div>
-
-        {{#if live_reload_endpoint}}
-        <!-- Livereload script (if served using the cli tool) -->
-        <script>
-            const wsProtocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
-            const wsAddress = wsProtocol + "//" + location.host + "/" + "{{{live_reload_endpoint}}}";
-            const socket = new WebSocket(wsAddress);
-            socket.onmessage = function (event) {
-                if (event.data === "reload") {
-                    socket.close();
-                    location.reload();
-                }
-            };
-
-            window.onbeforeunload = function() {
-                socket.close();
-            }
-        </script>
-        {{/if}}
-
-        {{#if google_analytics}}
-        <!-- Google Analytics Tag -->
-        <script>
-            var localAddrs = ["localhost", "127.0.0.1", ""];
-
-            // make sure we don't activate google analytics if the developer is
-            // inspecting the book locally...
-            if (localAddrs.indexOf(document.location.hostname) === -1) {
-                (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-                })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
-
-                ga('create', '{{google_analytics}}', 'auto');
-                ga('send', 'pageview');
-            }
-        </script>
-        {{/if}}
-
-        {{#if playground_line_numbers}}
-        <script>
-            window.playground_line_numbers = true;
-        </script>
-        {{/if}}
-
-        {{#if playground_copyable}}
-        <script>
-            window.playground_copyable = true;
-        </script>
-        {{/if}}
-
-        {{#if playground_js}}
-        <script src="{{ path_to_root }}ace.js"></script>
-        <script src="{{ path_to_root }}editor.js"></script>
-        <script src="{{ path_to_root }}mode-rust.js"></script>
-        <script src="{{ path_to_root }}theme-dawn.js"></script>
-        <script src="{{ path_to_root }}theme-tomorrow_night.js"></script>
-        {{/if}}
-
-        {{#if search_js}}
-        <script src="{{ path_to_root }}elasticlunr.min.js"></script>
-        <script src="{{ path_to_root }}mark.min.js"></script>
-        <script src="{{ path_to_root }}searcher.js"></script>
-        {{/if}}
-
-        <script src="{{ path_to_root }}clipboard.min.js"></script>
-        <script src="{{ path_to_root }}highlight.js"></script>
-        <script src="{{ path_to_root }}book.js"></script>
-
-        <!-- Custom JS scripts -->
-        {{#each additional_js}}
-        <script src="{{ ../path_to_root }}{{this}}"></script>
-        {{/each}}
-
-        {{#if is_print}}
-        {{#if mathjax_support}}
-        <script>
-        window.addEventListener('load', function() {
-            MathJax.Hub.Register.StartupHook('End', function() {
-                window.setTimeout(window.print, 100);
-            });
-        });
-        </script>
-        {{else}}
-        <script>
-        window.addEventListener('load', function() {
-            window.setTimeout(window.print, 100);
-        });
-        </script>
-        {{/if}}
-        {{/if}}
-
-    </body>
-</html>
diff --git a/documentation/operators/theme/pagetoc.css b/documentation/operators/theme/pagetoc.css
deleted file mode 100644
index a68e5b8e21..0000000000
--- a/documentation/operators/theme/pagetoc.css
+++ /dev/null
@@ -1,47 +0,0 @@
-/* src: https://github.com/JorelAli/mdBook-pagetoc */
-
-@media only screen and (max-width:1439px) {
-    .sidetoc {
-        display: none;
-    }
-}
-
-@media only screen and (min-width:1440px) {
-    main {
-        position: relative;
-    }
-    .sidetoc {
-        margin-left: auto;
-        margin-right: auto;
-        /* left: calc(90% + (var(--content-min-width))/4 - 110px); */
-        left: 101%;
-        position: absolute;
-        font-size: var(--pagetoc-fontsize);
-    }
-    .pagetoc {
-        position: fixed;
-        width: var(--pagetoc-width);
-    }
-    .pagetoc a {
-        border-left: 1px solid var(--sidebar-bg);
-        /* color: var(--fg); */
-        /* color: var(--sidebar-fg); */
-        color: var(--links);
-        display: block;
-        padding-bottom: 5px;
-        padding-top: 5px;
-        padding-left: 10px;
-        text-align: left;
-        text-decoration: none;
-        font-weight: normal;
-        background: var(--sidebar-bg);
-    }
-    .pagetoc a:hover,
-    .pagetoc a.active {
-        background: var(--sidebar-bg);
-        /* color: var(--sidebar-fg); */
-        color: var(--sidebar-active);
-        font-weight: bold;
-        font-size: var(--pagetoc-fontsize);
-    }
-}
diff --git a/documentation/operators/theme/pagetoc.js b/documentation/operators/theme/pagetoc.js
deleted file mode 100644
index b11052427e..0000000000
--- a/documentation/operators/theme/pagetoc.js
+++ /dev/null
@@ -1,68 +0,0 @@
-// src: https://github.com/JorelAli/mdBook-pagetoc
-
-// Un-active everything when you click it
-Array.prototype.forEach.call(document.getElementsByClassName("pagetoc")[0].children, function(el, i) {
-    el.addEventHandler("click", function() {
-        Array.prototype.forEach.call(document.getElementsByClassName("pagetoc")[0].children, function(el, i) {
-            el.classList.remove("active");
-        });
-        el.classList.add("active");
-    });
-});
-
-var updateFunction = function() {
-
-    var id;
-    var elements = document.getElementsByClassName("header");
-    Array.prototype.forEach.call(elements, function(el, i) {
-        if (window.pageYOffset >= el.offsetTop) {
-            id = el;
-        }
-    });
-
-    Array.prototype.forEach.call(document.getElementsByClassName("pagetoc")[0].children, function(el, i) {
-        el.classList.remove("active");
-    });
-
-    Array.prototype.forEach.call(document.getElementsByClassName("pagetoc")[0].children, function(el, i) {
-        if (id.href.localeCompare(el.href) == 0) {
-            el.classList.add("active");
-        }
-    });
-};
-
-// Populate sidebar on load
-window.addEventListener('load', function() {
-    var pagetoc = document.getElementsByClassName("pagetoc")[0];
-    var elements = document.getElementsByClassName("header");
-    Array.prototype.forEach.call(elements, function(el, i) {
-        var link = document.createElement("a");
-
-        // Indent shows hierarchy
-        var indent = "";
-        switch (el.parentElement.tagName) {
-            case "H2":
-                indent = "20px";
-                break;
-            case "H3":
-                indent = "40px";
-                break;
-            case "H4":
-                indent = "60px";
-                break;
-            default:
-                break;
-        }
-
-        link.appendChild(document.createTextNode(el.text));
-        link.style.paddingLeft = indent;
-        link.href = el.href;
-        pagetoc.appendChild(link);
-    });
-    updateFunction.call();
-});
-
-
-
-// Handle active elements on scroll
-window.addEventListener("scroll", updateFunction);