diff --git a/CHANGELOG.md b/CHANGELOG.md
index 900970d..ef5730e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -27,5 +27,11 @@
 # v1.1.1
 ##  04/18/2019
 
-1. [](#bug)
+1. [](#bugfix)
     * Fixed bug with content width in default template
+
+# v1.1.2
+##  04/19/2019
+
+1. [](#bugfix)
+    * Fixed compatibility issue with mathjax plugin
diff --git a/README.md b/README.md
index a3d6544..e0e2c37 100644
--- a/README.md
+++ b/README.md
@@ -32,7 +32,7 @@ The theme provides several options. If you are using the admin panel, you can ea
 ##### Responsive settings
 * **Desktop Mode.** If enabled, the off-canvas-menu is always open if screen is wider than the `Desktop min width` value, which can be set below. 
 * **Desktop min width (pixels).** Applies only in desktop mode. If the screen width is wider than the given amount of pixels, the off-canvas menu is always open.
-* **Parent pages routable in menu.** If you have pages with subpages (parents) and you want these parents to be routable from the menu, use this option. **Please note: ** If you do not use desktop-mode or - when in desktop mode - the screen-width is smaller then the amount set above, the menu closes each time you click a parent.
+* **Parent pages routable in menu.** If you have pages with subpages and you want these parent-parents to be routable from the menu because you like to place content there, you can use this. The page will only be opened, if it existis and if you do not set `routable: false` in the frontmatter of the page. Otherwise, the subpages are only expanded in the menu. **Please note: ** If you do not use desktop-mode or - when in desktop mode - the screen-width is smaller then the amount set above, the menu closes each time you click a parent.
 
 ## Templates
 
@@ -68,7 +68,7 @@ which renders like:
     ...
 ```
 
-Note: Actually you dont even need this template. To generate the TOC without the template, you may simply enable Markdown-Extra and wrap the above Markdown in a
+Note: Actually you dont even need this template. To generate the TOC without the template, you may simply enable markdown-extra and wrap the above markdown in a
 ```
 <div class="toc-page" markdown="1">
 ...
diff --git a/blueprints.yaml b/blueprints.yaml
index 9f21826..88d8314 100644
--- a/blueprints.yaml
+++ b/blueprints.yaml
@@ -1,5 +1,5 @@
 name: Vela
-version: 1.1.1
+version: 1.1.2
 description: A simple app-like mobile first and content-focused Grav Theme
 icon: rebel
 author:
@@ -26,7 +26,7 @@ form:
           help:  If you do not worry about styling, just enter a short title. But you can also provide a HTML string with inline styles here to easily style the title in the menu.
         hamburger_animation:
           type: text
-          label: Specify the hamburger animation. <a href="https://jonsuh.com/hamburgers/">Reference</a>
+          label: Specify the hamburger animation. <a href="https://jonsuh.com/hamburgers/">Reference</a> 
     sec2:
       type: section
       title: Markdown Notices Settings
@@ -67,7 +67,7 @@ form:
             default: 1200
         parents_routable:
             type: toggle
-            label: Parent pages routable in menu. Careful, read info!
+            label: Parent pages routable in menu. Careful, read documentation!
             help: If you have (routable) pages with subpages (parents) and you want these parents to be routable from the menu, use this option. Be careful! The menu closes each time you click a parent if you do not use dektop mode, which makes browsing your website hard since the menu closes each time you click a routable parent.
             highlight: 1
             default: 0
diff --git a/css-compiled/main.css b/css-compiled/main.css
index 44151fb..e1710fc 100644
--- a/css-compiled/main.css
+++ b/css-compiled/main.css
@@ -183,12 +183,10 @@
 }
 
 .sidebar-nav .metismenu ul ul {
-  background: rgba(255, 255, 255, 0.02);
+  background: rgba(255, 255, 255, 0.03);
 }
 
-.sidebar-nav .metismenu a:hover,
-.sidebar-nav .metismenu .metismenu a:focus,
-.sidebar-nav .metismenu a:active {
+.sidebar-nav .metismenu a:hover, .sidebar-nav .metismenu a:focus, .sidebar-nav .metismenu a:active {
   color: #f8f9fa;
   text-decoration: none;
   background: #455a64;
@@ -837,7 +835,7 @@ body {
   margin-bottom: 50px;
 }
 
-.content * {
+.content img, .content div {
   max-width: 100%;
 }
 
diff --git a/css-compiled/main.min.css b/css-compiled/main.min.css
index 98fbb62..12f4af0 100644
--- a/css-compiled/main.min.css
+++ b/css-compiled/main.min.css
@@ -4,11 +4,11 @@
 * @version 3.0.4
 * @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
 * @license: MIT 
-*/.metismenu .arrow{float:right;line-height:1.42857}[dir=rtl] .metismenu .arrow{float:left}.metismenu .glyphicon.arrow:before{content:"\e079"}.metismenu .mm-active>a>.glyphicon.arrow:before{content:"\e114"}.metismenu .fa.arrow:before{content:"\f104"}.metismenu .mm-active>a>.fa.arrow:before{content:"\f107"}.metismenu .ion.arrow:before{content:"\f3d2"}.metismenu .mm-active>a>.ion.arrow:before{content:"\f3d0"}.metismenu .plus-times{float:right}[dir=rtl] .metismenu .plus-times{float:left}.metismenu .fa.plus-times:before{content:"\f067"}.metismenu .mm-active>a>.fa.plus-times{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.metismenu .plus-minus{float:right}[dir=rtl] .metismenu .plus-minus{float:left}.metismenu .fa.plus-minus:before{content:"\f067"}.metismenu .mm-active>a>.fa.plus-minus:before{content:"\f068"}.metismenu .mm-collapse:not(.mm-show){display:none}.metismenu .mm-collapsing{position:relative;height:0;overflow:hidden;transition-timing-function:ease;transition-duration:.35s;transition-property:height,visibility}.metismenu .has-arrow{position:relative}.metismenu .has-arrow:after{position:absolute;content:"";width:.5em;height:.5em;border-style:solid;border-width:1px 0 0 1px;border-color:initial;right:1em;-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);-webkit-transform-origin:top;transform-origin:top;top:50%;transition:all .3s ease-out}[dir=rtl] .metismenu .has-arrow:after{right:auto;left:1em;-webkit-transform:rotate(135deg) translateY(-50%);transform:rotate(135deg) translateY(-50%)}.metismenu .has-arrow[aria-expanded=true]:after,.metismenu .mm-active>.has-arrow:after{-webkit-transform:rotate(-135deg) translateY(-50%);transform:rotate(-135deg) translateY(-50%)}[dir=rtl] .metismenu .has-arrow[aria-expanded=true]:after,[dir=rtl] .metismenu .mm-active>.has-arrow:after{-webkit-transform:rotate(225deg) translateY(-50%);transform:rotate(225deg) translateY(-50%)}.sidebar-nav{background:#1f1f1f}.sidebar-nav a,.sidebar-nav li,.sidebar-nav ul{font-size:16px}@media screen and (min-width:320px){.sidebar-nav a,.sidebar-nav li,.sidebar-nav ul{font-size:calc(16px + 2 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){.sidebar-nav a,.sidebar-nav li,.sidebar-nav ul{font-size:18px}}.sidebar-nav ul{padding:0;margin:0;list-style:none;background-color:#1f1f1f}.sidebar-nav .metismenu{display:flex;flex-direction:column}.sidebar-nav .metismenu li{display:flex;flex-direction:column;position:relative}.sidebar-nav .metismenu a{position:relative;display:block;padding:15px 15px;color:#adb5bd;outline-width:0;transition:all .2s ease-in-out}.sidebar-nav .metismenu ul>li{padding-left:1px;border-left:3px solid #455a64;background:rgba(255,255,255,.05)}.sidebar-nav .metismenu ul ul{background:rgba(255,255,255,.02)}.sidebar-nav .metismenu .metismenu a:focus,.sidebar-nav .metismenu a:active,.sidebar-nav .metismenu a:hover{color:#f8f9fa;text-decoration:none;background:#455a64}.sidebar-nav .metismenu a[aria-expanded=true]{background-color:#455a64}.sidebar-nav .metismenu .active-page{font-weight:500;color:#f8f9fa}.sidebar-brand{display:flex;color:#f8f9fa;height:65px;line-height:20px;justify-content:center;align-content:center;align-items:center;width:100%}.sidebar-brand:hover{color:#adb5bd}.slideout-menu{position:fixed;top:0;bottom:0;width:320px;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:0;display:none}.slideout-menu-left{left:0}.slideout-menu-right{right:0}.slideout-panel{position:relative;z-index:1;background-color:#fff;min-height:100vh}.slideout-open,.slideout-open .slideout-panel,.slideout-open body{overflow:hidden}.slideout-open .slideout-menu{display:block}#menu{background-color:#1f1f1f}.panel:before{content:'';display:block;background-color:rgba(0,0,0,0);transition:background-color .5s ease-in-out}.panel-open:before{position:absolute;top:0;bottom:0;width:100%;background-color:rgba(0,0,0,.5);z-index:99}/*!
+*/.metismenu .arrow{float:right;line-height:1.42857}[dir=rtl] .metismenu .arrow{float:left}.metismenu .glyphicon.arrow:before{content:"\e079"}.metismenu .mm-active>a>.glyphicon.arrow:before{content:"\e114"}.metismenu .fa.arrow:before{content:"\f104"}.metismenu .mm-active>a>.fa.arrow:before{content:"\f107"}.metismenu .ion.arrow:before{content:"\f3d2"}.metismenu .mm-active>a>.ion.arrow:before{content:"\f3d0"}.metismenu .plus-times{float:right}[dir=rtl] .metismenu .plus-times{float:left}.metismenu .fa.plus-times:before{content:"\f067"}.metismenu .mm-active>a>.fa.plus-times{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.metismenu .plus-minus{float:right}[dir=rtl] .metismenu .plus-minus{float:left}.metismenu .fa.plus-minus:before{content:"\f067"}.metismenu .mm-active>a>.fa.plus-minus:before{content:"\f068"}.metismenu .mm-collapse:not(.mm-show){display:none}.metismenu .mm-collapsing{position:relative;height:0;overflow:hidden;transition-timing-function:ease;transition-duration:.35s;transition-property:height,visibility}.metismenu .has-arrow{position:relative}.metismenu .has-arrow:after{position:absolute;content:"";width:.5em;height:.5em;border-style:solid;border-width:1px 0 0 1px;border-color:initial;right:1em;-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);-webkit-transform-origin:top;transform-origin:top;top:50%;transition:all .3s ease-out}[dir=rtl] .metismenu .has-arrow:after{right:auto;left:1em;-webkit-transform:rotate(135deg) translateY(-50%);transform:rotate(135deg) translateY(-50%)}.metismenu .has-arrow[aria-expanded=true]:after,.metismenu .mm-active>.has-arrow:after{-webkit-transform:rotate(-135deg) translateY(-50%);transform:rotate(-135deg) translateY(-50%)}[dir=rtl] .metismenu .has-arrow[aria-expanded=true]:after,[dir=rtl] .metismenu .mm-active>.has-arrow:after{-webkit-transform:rotate(225deg) translateY(-50%);transform:rotate(225deg) translateY(-50%)}.sidebar-nav{background:#1f1f1f}.sidebar-nav a,.sidebar-nav li,.sidebar-nav ul{font-size:16px}@media screen and (min-width:320px){.sidebar-nav a,.sidebar-nav li,.sidebar-nav ul{font-size:calc(16px + 2 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){.sidebar-nav a,.sidebar-nav li,.sidebar-nav ul{font-size:18px}}.sidebar-nav ul{padding:0;margin:0;list-style:none;background-color:#1f1f1f}.sidebar-nav .metismenu{display:flex;flex-direction:column}.sidebar-nav .metismenu li{display:flex;flex-direction:column;position:relative}.sidebar-nav .metismenu a{position:relative;display:block;padding:15px 15px;color:#adb5bd;outline-width:0;transition:all .2s ease-in-out}.sidebar-nav .metismenu ul>li{padding-left:1px;border-left:3px solid #455a64;background:rgba(255,255,255,.05)}.sidebar-nav .metismenu ul ul{background:rgba(255,255,255,.03)}.sidebar-nav .metismenu a:active,.sidebar-nav .metismenu a:focus,.sidebar-nav .metismenu a:hover{color:#f8f9fa;text-decoration:none;background:#455a64}.sidebar-nav .metismenu a[aria-expanded=true]{background-color:#455a64}.sidebar-nav .metismenu .active-page{font-weight:500;color:#f8f9fa}.sidebar-brand{display:flex;color:#f8f9fa;height:65px;line-height:20px;justify-content:center;align-content:center;align-items:center;width:100%}.sidebar-brand:hover{color:#adb5bd}.slideout-menu{position:fixed;top:0;bottom:0;width:320px;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:0;display:none}.slideout-menu-left{left:0}.slideout-menu-right{right:0}.slideout-panel{position:relative;z-index:1;background-color:#fff;min-height:100vh}.slideout-open,.slideout-open .slideout-panel,.slideout-open body{overflow:hidden}.slideout-open .slideout-menu{display:block}#menu{background-color:#1f1f1f}.panel:before{content:'';display:block;background-color:rgba(0,0,0,0);transition:background-color .5s ease-in-out}.panel-open:before{position:absolute;top:0;bottom:0;width:100%;background-color:rgba(0,0,0,.5);z-index:99}/*!
  * Hamburgers
  * @description Tasty CSS-animated hamburgers
  * @author Jonathan Suh @jonsuh
  * @site https://jonsuh.com/hamburgers
  * @link https://github.com/jonsuh/hamburgers
- */.hamburger{padding:15px 15px;display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--3dx .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dxy .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy .hamburger-inner::after,.hamburger--3dxy .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r .hamburger-inner::after,.hamburger--3dxy-r .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg);transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{-webkit-transform:rotate(225deg);transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1),-webkit-transform .22s .12s cubic-bezier(.215,.61,.355,1)}h1,h2,h3,h4,h5,h6{font-weight:500}h1{margin:35px 0 10px 0;position:relative;font-weight:500}h1{font-size:35px}@media screen and (min-width:320px){h1{font-size:calc(35px + 25 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h1{font-size:60px}}.default-header{line-height:.8;padding:0 25px 10px 0;border-bottom:5px solid #000}h2{margin:30px 0 10px 0;position:relative}h2{font-size:20px}@media screen and (min-width:320px){h2{font-size:calc(20px + 25 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h2{font-size:45px}}h3{margin:25px 0 10px 0;position:relative}h3{font-size:19px}@media screen and (min-width:320px){h3{font-size:calc(19px + 21 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h3{font-size:40px}}h4{margin:20px 0 10px 0;position:relative}h4{font-size:18px}@media screen and (min-width:320px){h4{font-size:calc(18px + 17 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h4{font-size:35px}}h5{margin:15px 0 10px 0;position:relative}h5{font-size:17px}@media screen and (min-width:320px){h5{font-size:calc(17px + 13 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h5{font-size:30px}}h6{margin:10px 0 8px 0;position:relative}h6{font-size:16px}@media screen and (min-width:320px){h6{font-size:calc(16px + 9 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h6{font-size:25px}}code,li,p,ul{font-size:16px}@media screen and (min-width:320px){code,li,p,ul{font-size:calc(16px + 9 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){code,li,p,ul{font-size:25px}}p{font-weight:300}strong{font-weight:500}a{text-decoration:none;color:#2579c7;transition:all .1s ease-in}a{font-size:16px}@media screen and (min-width:320px){a{font-size:calc(16px + 9 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){a{font-size:25px}}a:hover{color:#195286}code{white-space:pre-line}body,html{font-family:Roboto,sans-serif;margin:0;padding:0;overflow-x:hidden}.flex-container{display:flex}.header-hr{border:0;height:0;box-shadow:0 0 5px 1px #2579c7;margin-bottom:30px}.page-title{margin-bottom:0}.content{margin:0 auto;padding:0 1em;max-width:1170px;margin-bottom:50px}.content *{max-width:100%}.toc-page>ol{padding-left:0}.toc-page ol{counter-reset:item;font-weight:500}@media only screen and (max-width:800px){.toc-page ol{padding-left:15px}}.toc-page ol ol{font-weight:300}.toc-page ol ol ol{font-size:90%}.toc-page li{display:block}.toc-page li:before{content:counters(item, ".") " ";counter-increment:item}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#6f6e6e}
+ */.hamburger{padding:15px 15px;display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--3dx .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dxy .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy .hamburger-inner::after,.hamburger--3dxy .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r .hamburger-inner::after,.hamburger--3dxy-r .hamburger-inner::before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent;-webkit-transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg);transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{-webkit-transform:rotate(225deg);transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1),-webkit-transform .22s .12s cubic-bezier(.215,.61,.355,1)}h1,h2,h3,h4,h5,h6{font-weight:500}h1{margin:35px 0 10px 0;position:relative;font-weight:500}h1{font-size:35px}@media screen and (min-width:320px){h1{font-size:calc(35px + 25 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h1{font-size:60px}}.default-header{line-height:.8;padding:0 25px 10px 0;border-bottom:5px solid #000}h2{margin:30px 0 10px 0;position:relative}h2{font-size:20px}@media screen and (min-width:320px){h2{font-size:calc(20px + 25 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h2{font-size:45px}}h3{margin:25px 0 10px 0;position:relative}h3{font-size:19px}@media screen and (min-width:320px){h3{font-size:calc(19px + 21 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h3{font-size:40px}}h4{margin:20px 0 10px 0;position:relative}h4{font-size:18px}@media screen and (min-width:320px){h4{font-size:calc(18px + 17 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h4{font-size:35px}}h5{margin:15px 0 10px 0;position:relative}h5{font-size:17px}@media screen and (min-width:320px){h5{font-size:calc(17px + 13 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h5{font-size:30px}}h6{margin:10px 0 8px 0;position:relative}h6{font-size:16px}@media screen and (min-width:320px){h6{font-size:calc(16px + 9 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){h6{font-size:25px}}code,li,p,ul{font-size:16px}@media screen and (min-width:320px){code,li,p,ul{font-size:calc(16px + 9 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){code,li,p,ul{font-size:25px}}p{font-weight:300}strong{font-weight:500}a{text-decoration:none;color:#2579c7;transition:all .1s ease-in}a{font-size:16px}@media screen and (min-width:320px){a{font-size:calc(16px + 9 * ((100vw - 320px)/ 880))}}@media screen and (min-width:1200px){a{font-size:25px}}a:hover{color:#195286}code{white-space:pre-line}body,html{font-family:Roboto,sans-serif;margin:0;padding:0;overflow-x:hidden}.flex-container{display:flex}.header-hr{border:0;height:0;box-shadow:0 0 5px 1px #2579c7;margin-bottom:30px}.page-title{margin-bottom:0}.content{margin:0 auto;padding:0 1em;max-width:1170px;margin-bottom:50px}.content div,.content img{max-width:100%}.toc-page>ol{padding-left:0}.toc-page ol{counter-reset:item;font-weight:500}@media only screen and (max-width:800px){.toc-page ol{padding-left:15px}}.toc-page ol ol{font-weight:300}.toc-page ol ol ol{font-size:90%}.toc-page li{display:block}.toc-page li:before{content:counters(item, ".") " ";counter-increment:item}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#6f6e6e}
 /*# sourceMappingURL=main.min.css.map */
diff --git a/css-compiled/main.min.css.map b/css-compiled/main.min.css.map
index fa82c54..46adefd 100644
--- a/css-compiled/main.min.css.map
+++ b/css-compiled/main.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["vendor/_metismenu.scss","main.css","partials/_sidebar.scss","partials/_mixins.scss","partials/_slideout.scss","partials/_hamburgers.scss","partials/_typography.scss","partials/_default.scss"],"names":[],"mappings":"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","file":"main.min.css","sourcesContent":["/*!\r\n* metismenu https://github.com/onokumus/metismenu#readme\r\n* A jQuery menu plugin\r\n* @version 3.0.4\r\n* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)\r\n* @license: MIT \r\n*/.metismenu .arrow{float:right;line-height:1.42857}[dir=rtl] .metismenu .arrow{float:left}.metismenu .glyphicon.arrow:before{content:\"\\e079\"}.metismenu .mm-active>a>.glyphicon.arrow:before{content:\"\\e114\"}.metismenu .fa.arrow:before{content:\"\\f104\"}.metismenu .mm-active>a>.fa.arrow:before{content:\"\\f107\"}.metismenu .ion.arrow:before{content:\"\\f3d2\"}.metismenu .mm-active>a>.ion.arrow:before{content:\"\\f3d0\"}.metismenu .plus-times{float:right}[dir=rtl] .metismenu .plus-times{float:left}.metismenu .fa.plus-times:before{content:\"\\f067\"}.metismenu .mm-active>a>.fa.plus-times{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.metismenu .plus-minus{float:right}[dir=rtl] .metismenu .plus-minus{float:left}.metismenu .fa.plus-minus:before{content:\"\\f067\"}.metismenu .mm-active>a>.fa.plus-minus:before{content:\"\\f068\"}.metismenu .mm-collapse:not(.mm-show){display:none}.metismenu .mm-collapsing{position:relative;height:0;overflow:hidden;transition-timing-function:ease;transition-duration:.35s;transition-property:height,visibility}.metismenu .has-arrow{position:relative}.metismenu .has-arrow:after{position:absolute;content:\"\";width:.5em;height:.5em;border-style:solid;border-width:1px 0 0 1px;border-color:initial;right:1em;-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);-webkit-transform-origin:top;transform-origin:top;top:50%;transition:all .3s ease-out}[dir=rtl] .metismenu .has-arrow:after{right:auto;left:1em;-webkit-transform:rotate(135deg) translateY(-50%);transform:rotate(135deg) translateY(-50%)}.metismenu .has-arrow[aria-expanded=true]:after,.metismenu .mm-active>.has-arrow:after{-webkit-transform:rotate(-135deg) translateY(-50%);transform:rotate(-135deg) translateY(-50%)}[dir=rtl] .metismenu .has-arrow[aria-expanded=true]:after,[dir=rtl] .metismenu .mm-active>.has-arrow:after{-webkit-transform:rotate(225deg) translateY(-50%);transform:rotate(225deg) translateY(-50%)}\r\n/*# sourceMappingURL=metisMenu.min.css.map */","/*!\r\n* metismenu https://github.com/onokumus/metismenu#readme\r\n* A jQuery menu plugin\r\n* @version 3.0.4\r\n* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)\r\n* @license: MIT \r\n*/\n.metismenu .arrow {\n  float: right;\n  line-height: 1.42857;\n}\n\n[dir=rtl] .metismenu .arrow {\n  float: left;\n}\n\n.metismenu .glyphicon.arrow:before {\n  content: \"\\e079\";\n}\n\n.metismenu .mm-active > a > .glyphicon.arrow:before {\n  content: \"\\e114\";\n}\n\n.metismenu .fa.arrow:before {\n  content: \"\\f104\";\n}\n\n.metismenu .mm-active > a > .fa.arrow:before {\n  content: \"\\f107\";\n}\n\n.metismenu .ion.arrow:before {\n  content: \"\\f3d2\";\n}\n\n.metismenu .mm-active > a > .ion.arrow:before {\n  content: \"\\f3d0\";\n}\n\n.metismenu .plus-times {\n  float: right;\n}\n\n[dir=rtl] .metismenu .plus-times {\n  float: left;\n}\n\n.metismenu .fa.plus-times:before {\n  content: \"\\f067\";\n}\n\n.metismenu .mm-active > a > .fa.plus-times {\n  -webkit-transform: rotate(45deg);\n  transform: rotate(45deg);\n}\n\n.metismenu .plus-minus {\n  float: right;\n}\n\n[dir=rtl] .metismenu .plus-minus {\n  float: left;\n}\n\n.metismenu .fa.plus-minus:before {\n  content: \"\\f067\";\n}\n\n.metismenu .mm-active > a > .fa.plus-minus:before {\n  content: \"\\f068\";\n}\n\n.metismenu .mm-collapse:not(.mm-show) {\n  display: none;\n}\n\n.metismenu .mm-collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  transition-timing-function: ease;\n  transition-duration: .35s;\n  transition-property: height,visibility;\n}\n\n.metismenu .has-arrow {\n  position: relative;\n}\n\n.metismenu .has-arrow:after {\n  position: absolute;\n  content: \"\";\n  width: .5em;\n  height: .5em;\n  border-style: solid;\n  border-width: 1px 0 0 1px;\n  border-color: initial;\n  right: 1em;\n  -webkit-transform: rotate(-45deg) translateY(-50%);\n  transform: rotate(-45deg) translateY(-50%);\n  -webkit-transform-origin: top;\n  transform-origin: top;\n  top: 50%;\n  transition: all .3s ease-out;\n}\n\n[dir=rtl] .metismenu .has-arrow:after {\n  right: auto;\n  left: 1em;\n  -webkit-transform: rotate(135deg) translateY(-50%);\n  transform: rotate(135deg) translateY(-50%);\n}\n\n.metismenu .has-arrow[aria-expanded=true]:after, .metismenu .mm-active > .has-arrow:after {\n  -webkit-transform: rotate(-135deg) translateY(-50%);\n  transform: rotate(-135deg) translateY(-50%);\n}\n\n[dir=rtl] .metismenu .has-arrow[aria-expanded=true]:after, [dir=rtl] .metismenu .mm-active > .has-arrow:after {\n  -webkit-transform: rotate(225deg) translateY(-50%);\n  transform: rotate(225deg) translateY(-50%);\n}\n\n/*# sourceMappingURL=metisMenu.min.css.map */\n.sidebar-nav {\n  background: #1f1f1f;\n}\n\n.sidebar-nav a,\n.sidebar-nav li,\n.sidebar-nav ul {\n  font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n  .sidebar-nav a,\n  .sidebar-nav li,\n  .sidebar-nav ul {\n    font-size: calc(16px + 2 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .sidebar-nav a,\n  .sidebar-nav li,\n  .sidebar-nav ul {\n    font-size: 18px;\n  }\n}\n\n.sidebar-nav ul {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  background-color: #1f1f1f;\n}\n\n.sidebar-nav .metismenu {\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n.sidebar-nav .metismenu li {\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  position: relative;\n}\n\n.sidebar-nav .metismenu a {\n  position: relative;\n  display: block;\n  padding: 15px 15px;\n  color: #adb5bd;\n  outline-width: 0;\n  transition: all .2s ease-in-out;\n}\n\n.sidebar-nav .metismenu ul > li {\n  padding-left: 1px;\n  border-left: 3px solid #455a64;\n  background: rgba(255, 255, 255, 0.05);\n}\n\n.sidebar-nav .metismenu ul ul {\n  background: rgba(255, 255, 255, 0.02);\n}\n\n.sidebar-nav .metismenu a:hover,\n.sidebar-nav .metismenu .metismenu a:focus,\n.sidebar-nav .metismenu a:active {\n  color: #f8f9fa;\n  text-decoration: none;\n  background: #455a64;\n}\n\n.sidebar-nav .metismenu a[aria-expanded=\"true\"] {\n  background-color: #455a64;\n}\n\n.sidebar-nav .metismenu .active-page {\n  font-weight: 500;\n  color: #f8f9fa;\n}\n\n.sidebar-brand {\n  display: flex;\n  color: #f8f9fa;\n  height: 65px;\n  line-height: 20px;\n  justify-content: center;\n  align-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n.sidebar-brand:hover {\n  color: #adb5bd;\n}\n\n.slideout-menu {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  width: 320px;\n  min-height: 100vh;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  z-index: 0;\n  display: none;\n}\n\n.slideout-menu-left {\n  left: 0;\n}\n\n.slideout-menu-right {\n  right: 0;\n}\n\n.slideout-panel {\n  position: relative;\n  z-index: 1;\n  background-color: #fff;\n  /* A background-color is required */\n  min-height: 100vh;\n}\n\n.slideout-open,\n.slideout-open body,\n.slideout-open .slideout-panel {\n  overflow: hidden;\n}\n\n.slideout-open .slideout-menu {\n  display: block;\n}\n\n#menu {\n  background-color: #1f1f1f;\n}\n\n/* Overlay for closing the menu on panel click when menu is open */\n.panel:before {\n  content: '';\n  display: block;\n  background-color: rgba(0, 0, 0, 0);\n  transition: background-color 0.5s ease-in-out;\n}\n\n.panel-open:before {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 99;\n}\n\n/*!\r\n * Hamburgers\r\n * @description Tasty CSS-animated hamburgers\r\n * @author Jonathan Suh @jonsuh\r\n * @site https://jonsuh.com/hamburgers\r\n * @link https://github.com/jonsuh/hamburgers\r\n */\n.hamburger {\n  padding: 15px 15px;\n  display: inline-block;\n  cursor: pointer;\n  transition-property: opacity, filter;\n  transition-duration: 0.15s;\n  transition-timing-function: linear;\n  font: inherit;\n  color: inherit;\n  text-transform: none;\n  background-color: transparent;\n  border: 0;\n  margin: 0;\n  overflow: visible;\n}\n\n.hamburger:hover {\n  opacity: 0.7;\n}\n\n.hamburger-box {\n  width: 40px;\n  height: 24px;\n  display: inline-block;\n  position: relative;\n}\n\n.hamburger-inner {\n  display: block;\n  top: 50%;\n  margin-top: -2px;\n}\n\n.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {\n  width: 40px;\n  height: 4px;\n  background-color: #000;\n  border-radius: 4px;\n  position: absolute;\n  transition-property: transform;\n  transition-duration: 0.15s;\n  transition-timing-function: ease;\n}\n\n.hamburger-inner::before, .hamburger-inner::after {\n  content: \"\";\n  display: block;\n}\n\n.hamburger-inner::before {\n  top: -10px;\n}\n\n.hamburger-inner::after {\n  bottom: -10px;\n}\n\n/*\r\n     * 3DX\r\n     */\n.hamburger--3dx .hamburger-box {\n  perspective: 80px;\n}\n\n.hamburger--3dx .hamburger-inner {\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx.is-active .hamburger-inner {\n  background-color: transparent;\n  transform: rotateY(180deg);\n}\n\n.hamburger--3dx.is-active .hamburger-inner::before {\n  transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dx.is-active .hamburger-inner::after {\n  transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n     * 3DX Reverse\r\n     */\n.hamburger--3dx-r .hamburger-box {\n  perspective: 80px;\n}\n\n.hamburger--3dx-r .hamburger-inner {\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx-r.is-active .hamburger-inner {\n  background-color: transparent;\n  transform: rotateY(-180deg);\n}\n\n.hamburger--3dx-r.is-active .hamburger-inner::before {\n  transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dx-r.is-active .hamburger-inner::after {\n  transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n     * 3DY\r\n     */\n.hamburger--3dy .hamburger-box {\n  perspective: 80px;\n}\n\n.hamburger--3dy .hamburger-inner {\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy.is-active .hamburger-inner {\n  background-color: transparent;\n  transform: rotateX(-180deg);\n}\n\n.hamburger--3dy.is-active .hamburger-inner::before {\n  transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dy.is-active .hamburger-inner::after {\n  transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n     * 3DY Reverse\r\n     */\n.hamburger--3dy-r .hamburger-box {\n  perspective: 80px;\n}\n\n.hamburger--3dy-r .hamburger-inner {\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy-r.is-active .hamburger-inner {\n  background-color: transparent;\n  transform: rotateX(180deg);\n}\n\n.hamburger--3dy-r.is-active .hamburger-inner::before {\n  transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dy-r.is-active .hamburger-inner::after {\n  transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n     * 3DXY\r\n     */\n.hamburger--3dxy .hamburger-box {\n  perspective: 80px;\n}\n\n.hamburger--3dxy .hamburger-inner {\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy.is-active .hamburger-inner {\n  background-color: transparent;\n  transform: rotateX(180deg) rotateY(180deg);\n}\n\n.hamburger--3dxy.is-active .hamburger-inner::before {\n  transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dxy.is-active .hamburger-inner::after {\n  transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n     * 3DXY Reverse\r\n     */\n.hamburger--3dxy-r .hamburger-box {\n  perspective: 80px;\n}\n\n.hamburger--3dxy-r .hamburger-inner {\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy-r.is-active .hamburger-inner {\n  background-color: transparent;\n  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);\n}\n\n.hamburger--3dxy-r.is-active .hamburger-inner::before {\n  transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dxy-r.is-active .hamburger-inner::after {\n  transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n     * Spin\r\n     */\n.hamburger--spin .hamburger-inner {\n  transition-duration: 0.22s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n\n.hamburger--spin .hamburger-inner::before {\n  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;\n}\n\n.hamburger--spin .hamburger-inner::after {\n  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n\n.hamburger--spin.is-active .hamburger-inner {\n  transform: rotate(225deg);\n  transition-delay: 0.12s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.hamburger--spin.is-active .hamburger-inner::before {\n  top: 0;\n  opacity: 0;\n  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;\n}\n\n.hamburger--spin.is-active .hamburger-inner::after {\n  bottom: 0;\n  transform: rotate(-90deg);\n  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-weight: 500;\n}\n\nh1 {\n  margin: 35px 0px 10px 0px;\n  position: relative;\n  font-weight: 500;\n}\n\nh1 {\n  font-size: 35px;\n}\n\n@media screen and (min-width: 320px) {\n  h1 {\n    font-size: calc(35px + 25 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  h1 {\n    font-size: 60px;\n  }\n}\n\n.default-header {\n  line-height: 0.8;\n  padding: 0px 25px 10px 0px;\n  border-bottom: 5px solid black;\n}\n\nh2 {\n  margin: 30px 0px 10px 0px;\n  position: relative;\n}\n\nh2 {\n  font-size: 20px;\n}\n\n@media screen and (min-width: 320px) {\n  h2 {\n    font-size: calc(20px + 25 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  h2 {\n    font-size: 45px;\n  }\n}\n\nh3 {\n  margin: 25px 0px 10px 0px;\n  position: relative;\n}\n\nh3 {\n  font-size: 19px;\n}\n\n@media screen and (min-width: 320px) {\n  h3 {\n    font-size: calc(19px + 21 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  h3 {\n    font-size: 40px;\n  }\n}\n\nh4 {\n  margin: 20px 0px 10px 0px;\n  position: relative;\n}\n\nh4 {\n  font-size: 18px;\n}\n\n@media screen and (min-width: 320px) {\n  h4 {\n    font-size: calc(18px + 17 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  h4 {\n    font-size: 35px;\n  }\n}\n\nh5 {\n  margin: 15px 0px 10px 0px;\n  position: relative;\n}\n\nh5 {\n  font-size: 17px;\n}\n\n@media screen and (min-width: 320px) {\n  h5 {\n    font-size: calc(17px + 13 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  h5 {\n    font-size: 30px;\n  }\n}\n\nh6 {\n  margin: 10px 0px 8px 0px;\n  position: relative;\n}\n\nh6 {\n  font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n  h6 {\n    font-size: calc(16px + 9 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  h6 {\n    font-size: 25px;\n  }\n}\n\np,\nli,\nul,\ncode {\n  font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n  p,\n  li,\n  ul,\n  code {\n    font-size: calc(16px + 9 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  p,\n  li,\n  ul,\n  code {\n    font-size: 25px;\n  }\n}\n\np {\n  font-weight: 300;\n}\n\nstrong {\n  font-weight: 500;\n}\n\na {\n  text-decoration: none;\n  color: #2579c7;\n  transition: all 0.1s ease-in;\n}\n\na {\n  font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n  a {\n    font-size: calc(16px + 9 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  a {\n    font-size: 25px;\n  }\n}\n\na:hover {\n  color: #195286;\n}\n\ncode {\n  white-space: pre-line;\n}\n\nhtml,\nbody {\n  font-family: 'Roboto', sans-serif;\n  margin: 0;\n  padding: 0;\n  overflow-x: hidden;\n}\n\n.flex-container {\n  display: flex;\n}\n\n.header-hr {\n  border: 0;\n  height: 0;\n  /* Firefox... */\n  box-shadow: 0 0 5px 1px #2579c7;\n  margin-bottom: 30px;\n}\n\n.page-title {\n  margin-bottom: 0px;\n}\n\n.content {\n  margin: 0 auto;\n  padding: 0 1em;\n  max-width: 1170px;\n  margin-bottom: 50px;\n}\n\n.content * {\n  max-width: 100%;\n}\n\n.toc-page > ol {\n  padding-left: 0;\n}\n\n.toc-page ol {\n  counter-reset: item;\n  font-weight: 500;\n}\n\n@media only screen and (max-width: 800px) {\n  .toc-page ol {\n    padding-left: 15px;\n  }\n}\n\n.toc-page ol ol {\n  font-weight: 300;\n}\n\n.toc-page ol ol ol {\n  font-size: 90%;\n}\n\n.toc-page li {\n  display: block;\n}\n\n.toc-page li:before {\n  content: counters(item, \".\") \" \";\n  counter-increment: item;\n}\n\n/* width */\n::-webkit-scrollbar {\n  width: 10px;\n}\n\n/* Track */\n::-webkit-scrollbar-track {\n  background: #f1f1f1;\n}\n\n/* Handle */\n::-webkit-scrollbar-thumb {\n  background: #888;\n}\n\n/* Handle on hover */\n::-webkit-scrollbar-thumb:hover {\n  background: #6f6e6e;\n}\n","$menu-bg-color:#1f1f1f;\r\n$menu-sec-color: #455a64;\r\n$menu-font-color: #adb5bd;\r\n.sidebar-nav {\r\n    background: $menu-bg-color;\r\n    a,\r\n    li,\r\n    ul {\r\n        @include fluid-type(320px, 1200px, 16px, 18px);\r\n    }\r\n    ul {\r\n        padding: 0;\r\n        margin: 0;\r\n        list-style: none;\r\n        background-color: $menu-bg-color;\r\n    }\r\n    .metismenu {\r\n        display: flex;\r\n        -webkit-box-orient: vertical;\r\n        -webkit-box-direction: normal;\r\n        -ms-flex-direction: column;\r\n        flex-direction: column;\r\n        li {\r\n            display: flex;\r\n            -webkit-box-orient: vertical;\r\n            -webkit-box-direction: normal;\r\n            -ms-flex-direction: column;\r\n            flex-direction: column;\r\n            position: relative;\r\n        }\r\n        a {\r\n            position: relative;\r\n            display: block;\r\n            padding: 15px 15px;\r\n            color: $menu-font-color;\r\n            outline-width: 0;\r\n            transition: all .2s ease-in-out; \r\n        }\r\n        ul>li {\r\n            padding-left: 1px;\r\n            border-left: 3px solid $menu-sec-color; \r\n            background: rgba(255, 255, 255, .05);\r\n        }\r\n        ul ul {\r\n            background: rgba(255, 255, 255, .02);\r\n        }\r\n        a:hover,\r\n        .metismenu a:focus,\r\n        a:active {\r\n            color: #f8f9fa;\r\n            text-decoration: none;\r\n            background: $menu-sec-color;\r\n        }\r\n        a[aria-expanded=\"true\"] {\r\n            background-color: $menu-sec-color;\r\n        }\r\n        .active-page{\r\n            font-weight: 500;\r\n            color: #f8f9fa;\r\n        }\r\n    }\r\n}\r\n\r\n.sidebar-brand {\r\n    display: flex;\r\n    color: #f8f9fa;\r\n    height: 65px;\r\n    line-height: 20px;\r\n    justify-content: center;\r\n    align-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n    &:hover{\r\n      color: $menu-font-color;\r\n    }\r\n}","\r\n\t@function strip-unit($value) {\r\n\t\t@return $value / ($value * 0 + 1);\r\n\t}\r\n\t\r\n\t@mixin fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size) {\r\n\t\t$u1: unit($min-vw);\r\n\t\t$u2: unit($max-vw);\r\n\t\t$u3: unit($min-font-size);\r\n\t\t$u4: unit($max-font-size);\r\n\t\r\n\t\t@if $u1 == $u2 and $u1 == $u3 and $u1 == $u4 {\r\n\t\t\t& {\r\n\t\t\t\tfont-size: $min-font-size;\r\n\t\t\t\t@media screen and (min-width: $min-vw) {\r\n\t\t\t\t\tfont-size: calc(#{$min-font-size} + #{strip-unit($max-font-size - $min-font-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));\r\n\t\t\t\t}\r\n\t\t\t\t@media screen and (min-width: $max-vw) {\r\n\t\t\t\t\tfont-size: $max-font-size;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}",".slideout-menu {\r\n    position: fixed;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 320px;\r\n    min-height: 100vh;\r\n    overflow-y: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n    z-index: 0;\r\n    display: none;\r\n}\r\n\r\n.slideout-menu-left {\r\n    left: 0;\r\n}\r\n\r\n.slideout-menu-right {\r\n    right: 0;\r\n}\r\n\r\n.slideout-panel {\r\n    position: relative;\r\n    z-index: 1;\r\n    //will-change: transform;\r\n    background-color: #fff;\r\n    /* A background-color is required */\r\n    min-height: 100vh;\r\n}\r\n\r\n.slideout-open,\r\n.slideout-open body,\r\n.slideout-open .slideout-panel {\r\n    overflow: hidden;\r\n}\r\n\r\n.slideout-open .slideout-menu {\r\n    display: block;\r\n}\r\n\r\n#menu {\r\n    background-color: $menu-bg-color;\r\n}\r\n\r\n\r\n/* Overlay for closing the menu on panel click when menu is open */\r\n\r\n.panel:before {\r\n    content: '';\r\n    display: block;\r\n    background-color: rgba(0, 0, 0, 0);\r\n    transition: background-color 0.5s ease-in-out;\r\n}\r\n\r\n.panel-open:before {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    background-color: rgba(0, 0, 0, .5);\r\n    z-index: 99;\r\n}","/*!\r\n * Hamburgers\r\n * @description Tasty CSS-animated hamburgers\r\n * @author Jonathan Suh @jonsuh\r\n * @site https://jonsuh.com/hamburgers\r\n * @link https://github.com/jonsuh/hamburgers\r\n */\r\n.hamburger {\r\n    padding: 15px 15px;\r\n    display: inline-block;\r\n    cursor: pointer;\r\n    transition-property: opacity, filter;\r\n    transition-duration: 0.15s;\r\n    transition-timing-function: linear;\r\n    font: inherit;\r\n    color: inherit;\r\n    text-transform: none;\r\n    background-color: transparent;\r\n    border: 0;\r\n    margin: 0;\r\n    overflow: visible; }\r\n    .hamburger:hover {\r\n      opacity: 0.7; }\r\n  \r\n  .hamburger-box {\r\n    width: 40px;\r\n    height: 24px;\r\n    display: inline-block;\r\n    position: relative; }\r\n  \r\n  .hamburger-inner {\r\n    display: block;\r\n    top: 50%;\r\n    margin-top: -2px; }\r\n    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {\r\n      width: 40px;\r\n      height: 4px;\r\n      background-color: #000;\r\n      border-radius: 4px;\r\n      position: absolute;\r\n      transition-property: transform;\r\n      transition-duration: 0.15s;\r\n      transition-timing-function: ease; }\r\n    .hamburger-inner::before, .hamburger-inner::after {\r\n      content: \"\";\r\n      display: block; }\r\n    .hamburger-inner::before {\r\n      top: -10px; }\r\n    .hamburger-inner::after {\r\n      bottom: -10px; }\r\n  \r\n  /*\r\n     * 3DX\r\n     */\r\n  .hamburger--3dx .hamburger-box {\r\n    perspective: 80px; }\r\n  \r\n  .hamburger--3dx .hamburger-inner {\r\n    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n    .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {\r\n      transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n  \r\n  .hamburger--3dx.is-active .hamburger-inner {\r\n    background-color: transparent;\r\n    transform: rotateY(180deg); }\r\n    .hamburger--3dx.is-active .hamburger-inner::before {\r\n      transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n    .hamburger--3dx.is-active .hamburger-inner::after {\r\n      transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n  \r\n  /*\r\n     * 3DX Reverse\r\n     */ \r\n  .hamburger--3dx-r .hamburger-box {\r\n    perspective: 80px; }\r\n  \r\n  .hamburger--3dx-r .hamburger-inner {\r\n    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n    .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {\r\n      transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n  \r\n  .hamburger--3dx-r.is-active .hamburger-inner {\r\n    background-color: transparent;\r\n    transform: rotateY(-180deg); }\r\n    .hamburger--3dx-r.is-active .hamburger-inner::before {\r\n      transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n    .hamburger--3dx-r.is-active .hamburger-inner::after {\r\n      transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n  \r\n  /*\r\n     * 3DY\r\n     */\r\n  .hamburger--3dy .hamburger-box {\r\n    perspective: 80px; }\r\n  \r\n  .hamburger--3dy .hamburger-inner {\r\n    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n    .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {\r\n      transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n  \r\n  .hamburger--3dy.is-active .hamburger-inner {\r\n    background-color: transparent;\r\n    transform: rotateX(-180deg); }\r\n    .hamburger--3dy.is-active .hamburger-inner::before {\r\n      transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n    .hamburger--3dy.is-active .hamburger-inner::after {\r\n      transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n  \r\n  /*\r\n     * 3DY Reverse\r\n     */\r\n  .hamburger--3dy-r .hamburger-box {\r\n    perspective: 80px; }\r\n  \r\n  .hamburger--3dy-r .hamburger-inner {\r\n    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n    .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {\r\n      transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n  \r\n  .hamburger--3dy-r.is-active .hamburger-inner {\r\n    background-color: transparent;\r\n    transform: rotateX(180deg); }\r\n    .hamburger--3dy-r.is-active .hamburger-inner::before {\r\n      transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n    .hamburger--3dy-r.is-active .hamburger-inner::after {\r\n      transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n  \r\n  /*\r\n     * 3DXY\r\n     */\r\n  .hamburger--3dxy .hamburger-box {\r\n    perspective: 80px; }\r\n  \r\n  .hamburger--3dxy .hamburger-inner {\r\n    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n    .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {\r\n      transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n  \r\n  .hamburger--3dxy.is-active .hamburger-inner {\r\n    background-color: transparent;\r\n    transform: rotateX(180deg) rotateY(180deg); }\r\n    .hamburger--3dxy.is-active .hamburger-inner::before {\r\n      transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n    .hamburger--3dxy.is-active .hamburger-inner::after {\r\n      transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n  \r\n  /*\r\n     * 3DXY Reverse\r\n     */\r\n  .hamburger--3dxy-r .hamburger-box {\r\n    perspective: 80px; }\r\n  \r\n  .hamburger--3dxy-r .hamburger-inner {\r\n    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n    .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {\r\n      transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n  \r\n  .hamburger--3dxy-r.is-active .hamburger-inner {\r\n    background-color: transparent;\r\n    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }\r\n    .hamburger--3dxy-r.is-active .hamburger-inner::before {\r\n      transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n    .hamburger--3dxy-r.is-active .hamburger-inner::after {\r\n      transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n  \r\n  /*\r\n     * Spin\r\n     */\r\n  .hamburger--spin .hamburger-inner {\r\n    transition-duration: 0.22s;\r\n    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\r\n    .hamburger--spin .hamburger-inner::before {\r\n      transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }\r\n    .hamburger--spin .hamburger-inner::after {\r\n      transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }\r\n  \r\n  .hamburger--spin.is-active .hamburger-inner {\r\n    transform: rotate(225deg);\r\n    transition-delay: 0.12s;\r\n    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\r\n    .hamburger--spin.is-active .hamburger-inner::before {\r\n      top: 0;\r\n      opacity: 0;\r\n      transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }\r\n    .hamburger--spin.is-active .hamburger-inner::after {\r\n      bottom: 0;\r\n      transform: rotate(-90deg);\r\n      transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }","$min_width: 320px;\r\n$max_width: 1200px;\r\n$min_font: 16px;\r\n$max_font: 50px;\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n    font-weight: 500;\r\n}\r\n\r\nh1 {\r\n    @include fluid-type($min_width, $max_width, 35px, 60px);\r\n    margin: 35px 0px 10px 0px;\r\n    position: relative;\r\n    font-weight: 500;\r\n}\r\n\r\n.default-header {\r\n    line-height: 0.8;\r\n    padding: 0px 25px 10px 0px;\r\n    border-bottom: 5px solid $font-color;\r\n}\r\n\r\nh2 {\r\n    @include fluid-type($min_width, $max_width, 20px, 45px);\r\n    margin: 30px 0px 10px 0px;\r\n    position: relative;\r\n}\r\n\r\nh3 {\r\n    @include fluid-type($min_width, $max_width, 19px, 40px);\r\n    margin: 25px 0px 10px 0px;\r\n    position: relative;\r\n}\r\n\r\nh4 {\r\n    @include fluid-type($min_width, $max_width, 18px, 35px);\r\n    margin: 20px 0px 10px 0px;\r\n    position: relative;\r\n}\r\n\r\nh5 {\r\n    @include fluid-type($min_width, $max_width, 17px, 30px);\r\n    margin: 15px 0px 10px 0px;\r\n    position: relative;\r\n}\r\n\r\nh6 {\r\n    @include fluid-type($min_width, $max_width, 16px, 25px);\r\n    margin: 10px 0px 8px 0px;\r\n    position: relative;\r\n}\r\n\r\np,\r\nli,\r\nul,\r\ncode {\r\n    @include fluid-type($min_width, $max_width, 16px, 25px);\r\n}\r\n\r\np {\r\n    font-weight: 300;\r\n}\r\n\r\nstrong {\r\n    font-weight: 500;\r\n}\r\n\r\na {\r\n    @include fluid-type($min_width, $max_width, 16px, 25px);\r\n    text-decoration: none;\r\n    color: $link-color;\r\n    transition: all 0.1s ease-in;\r\n    &:hover {\r\n        color: $link-hover-color;\r\n    }\r\n}\r\n\r\ncode {\r\n    white-space: pre-line;\r\n}","html,\r\nbody {\r\n    font-family: 'Roboto', sans-serif;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow-x: hidden;\r\n}\r\n\r\n.flex-container {\r\n    display: flex;\r\n}\r\n\r\n.header-hr {\r\n    border: 0;\r\n    height: 0;\r\n    /* Firefox... */\r\n    box-shadow: 0 0 5px 1px #2579c7;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.page-title {\r\n    margin-bottom: 0px;\r\n}\r\n\r\n.content {\r\n    margin: 0 auto;\r\n    padding: 0 1em;\r\n    max-width: 1170px;\r\n    margin-bottom: 50px;\r\n    * {\r\n        max-width: 100%;\r\n    }\r\n}\r\n\r\n// Table of contents\r\n.toc-page {\r\n    >ol {\r\n        padding-left: 0;\r\n    }\r\n    ol {\r\n        @media only screen and (max-width: 800px) {\r\n            padding-left: 15px;\r\n        }\r\n        counter-reset: item;\r\n        font-weight: 500;\r\n        ol {\r\n            font-weight: 300;\r\n            ol {\r\n                font-size: 90%;\r\n            }\r\n        }\r\n    }\r\n    li {\r\n        display: block\r\n    }\r\n    li:before {\r\n        content: counters(item, \".\") \" \";\r\n        counter-increment: item\r\n    }\r\n}\r\n\r\n// Webkit scrollbar\r\n\r\n/* width */\r\n\r\n::-webkit-scrollbar {\r\n    width: 10px;\r\n}\r\n\r\n\r\n/* Track */\r\n\r\n::-webkit-scrollbar-track {\r\n    background: #f1f1f1;\r\n}\r\n\r\n\r\n/* Handle */\r\n\r\n::-webkit-scrollbar-thumb {\r\n    background: #888;\r\n}\r\n\r\n\r\n/* Handle on hover */\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n    background: darken(#888, 10%);\r\n}\r\n\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["vendor/_metismenu.scss","main.css","partials/_sidebar.scss","partials/_mixins.scss","partials/_slideout.scss","partials/_hamburgers.scss","partials/_typography.scss","partials/_default.scss"],"names":[],"mappings":"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","file":"main.min.css","sourcesContent":["/*!\r\n* metismenu https://github.com/onokumus/metismenu#readme\r\n* A jQuery menu plugin\r\n* @version 3.0.4\r\n* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)\r\n* @license: MIT \r\n*/.metismenu .arrow{float:right;line-height:1.42857}[dir=rtl] .metismenu .arrow{float:left}.metismenu .glyphicon.arrow:before{content:\"\\e079\"}.metismenu .mm-active>a>.glyphicon.arrow:before{content:\"\\e114\"}.metismenu .fa.arrow:before{content:\"\\f104\"}.metismenu .mm-active>a>.fa.arrow:before{content:\"\\f107\"}.metismenu .ion.arrow:before{content:\"\\f3d2\"}.metismenu .mm-active>a>.ion.arrow:before{content:\"\\f3d0\"}.metismenu .plus-times{float:right}[dir=rtl] .metismenu .plus-times{float:left}.metismenu .fa.plus-times:before{content:\"\\f067\"}.metismenu .mm-active>a>.fa.plus-times{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.metismenu .plus-minus{float:right}[dir=rtl] .metismenu .plus-minus{float:left}.metismenu .fa.plus-minus:before{content:\"\\f067\"}.metismenu .mm-active>a>.fa.plus-minus:before{content:\"\\f068\"}.metismenu .mm-collapse:not(.mm-show){display:none}.metismenu .mm-collapsing{position:relative;height:0;overflow:hidden;transition-timing-function:ease;transition-duration:.35s;transition-property:height,visibility}.metismenu .has-arrow{position:relative}.metismenu .has-arrow:after{position:absolute;content:\"\";width:.5em;height:.5em;border-style:solid;border-width:1px 0 0 1px;border-color:initial;right:1em;-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);-webkit-transform-origin:top;transform-origin:top;top:50%;transition:all .3s ease-out}[dir=rtl] .metismenu .has-arrow:after{right:auto;left:1em;-webkit-transform:rotate(135deg) translateY(-50%);transform:rotate(135deg) translateY(-50%)}.metismenu .has-arrow[aria-expanded=true]:after,.metismenu .mm-active>.has-arrow:after{-webkit-transform:rotate(-135deg) translateY(-50%);transform:rotate(-135deg) translateY(-50%)}[dir=rtl] .metismenu .has-arrow[aria-expanded=true]:after,[dir=rtl] .metismenu .mm-active>.has-arrow:after{-webkit-transform:rotate(225deg) translateY(-50%);transform:rotate(225deg) translateY(-50%)}\r\n/*# sourceMappingURL=metisMenu.min.css.map */","/*!\r\n* metismenu https://github.com/onokumus/metismenu#readme\r\n* A jQuery menu plugin\r\n* @version 3.0.4\r\n* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)\r\n* @license: MIT \r\n*/\n.metismenu .arrow {\n  float: right;\n  line-height: 1.42857;\n}\n\n[dir=rtl] .metismenu .arrow {\n  float: left;\n}\n\n.metismenu .glyphicon.arrow:before {\n  content: \"\\e079\";\n}\n\n.metismenu .mm-active > a > .glyphicon.arrow:before {\n  content: \"\\e114\";\n}\n\n.metismenu .fa.arrow:before {\n  content: \"\\f104\";\n}\n\n.metismenu .mm-active > a > .fa.arrow:before {\n  content: \"\\f107\";\n}\n\n.metismenu .ion.arrow:before {\n  content: \"\\f3d2\";\n}\n\n.metismenu .mm-active > a > .ion.arrow:before {\n  content: \"\\f3d0\";\n}\n\n.metismenu .plus-times {\n  float: right;\n}\n\n[dir=rtl] .metismenu .plus-times {\n  float: left;\n}\n\n.metismenu .fa.plus-times:before {\n  content: \"\\f067\";\n}\n\n.metismenu .mm-active > a > .fa.plus-times {\n  -webkit-transform: rotate(45deg);\n  transform: rotate(45deg);\n}\n\n.metismenu .plus-minus {\n  float: right;\n}\n\n[dir=rtl] .metismenu .plus-minus {\n  float: left;\n}\n\n.metismenu .fa.plus-minus:before {\n  content: \"\\f067\";\n}\n\n.metismenu .mm-active > a > .fa.plus-minus:before {\n  content: \"\\f068\";\n}\n\n.metismenu .mm-collapse:not(.mm-show) {\n  display: none;\n}\n\n.metismenu .mm-collapsing {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  transition-timing-function: ease;\n  transition-duration: .35s;\n  transition-property: height,visibility;\n}\n\n.metismenu .has-arrow {\n  position: relative;\n}\n\n.metismenu .has-arrow:after {\n  position: absolute;\n  content: \"\";\n  width: .5em;\n  height: .5em;\n  border-style: solid;\n  border-width: 1px 0 0 1px;\n  border-color: initial;\n  right: 1em;\n  -webkit-transform: rotate(-45deg) translateY(-50%);\n  transform: rotate(-45deg) translateY(-50%);\n  -webkit-transform-origin: top;\n  transform-origin: top;\n  top: 50%;\n  transition: all .3s ease-out;\n}\n\n[dir=rtl] .metismenu .has-arrow:after {\n  right: auto;\n  left: 1em;\n  -webkit-transform: rotate(135deg) translateY(-50%);\n  transform: rotate(135deg) translateY(-50%);\n}\n\n.metismenu .has-arrow[aria-expanded=true]:after, .metismenu .mm-active > .has-arrow:after {\n  -webkit-transform: rotate(-135deg) translateY(-50%);\n  transform: rotate(-135deg) translateY(-50%);\n}\n\n[dir=rtl] .metismenu .has-arrow[aria-expanded=true]:after, [dir=rtl] .metismenu .mm-active > .has-arrow:after {\n  -webkit-transform: rotate(225deg) translateY(-50%);\n  transform: rotate(225deg) translateY(-50%);\n}\n\n/*# sourceMappingURL=metisMenu.min.css.map */\n.sidebar-nav {\n  background: #1f1f1f;\n}\n\n.sidebar-nav a,\n.sidebar-nav li,\n.sidebar-nav ul {\n  font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n  .sidebar-nav a,\n  .sidebar-nav li,\n  .sidebar-nav ul {\n    font-size: calc(16px + 2 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .sidebar-nav a,\n  .sidebar-nav li,\n  .sidebar-nav ul {\n    font-size: 18px;\n  }\n}\n\n.sidebar-nav ul {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  background-color: #1f1f1f;\n}\n\n.sidebar-nav .metismenu {\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n.sidebar-nav .metismenu li {\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  position: relative;\n}\n\n.sidebar-nav .metismenu a {\n  position: relative;\n  display: block;\n  padding: 15px 15px;\n  color: #adb5bd;\n  outline-width: 0;\n  transition: all .2s ease-in-out;\n}\n\n.sidebar-nav .metismenu ul > li {\n  padding-left: 1px;\n  border-left: 3px solid #455a64;\n  background: rgba(255, 255, 255, 0.05);\n}\n\n.sidebar-nav .metismenu ul ul {\n  background: rgba(255, 255, 255, 0.03);\n}\n\n.sidebar-nav .metismenu a:hover, .sidebar-nav .metismenu a:focus, .sidebar-nav .metismenu a:active {\n  color: #f8f9fa;\n  text-decoration: none;\n  background: #455a64;\n}\n\n.sidebar-nav .metismenu a[aria-expanded=\"true\"] {\n  background-color: #455a64;\n}\n\n.sidebar-nav .metismenu .active-page {\n  font-weight: 500;\n  color: #f8f9fa;\n}\n\n.sidebar-brand {\n  display: flex;\n  color: #f8f9fa;\n  height: 65px;\n  line-height: 20px;\n  justify-content: center;\n  align-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n.sidebar-brand:hover {\n  color: #adb5bd;\n}\n\n.slideout-menu {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  width: 320px;\n  min-height: 100vh;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  z-index: 0;\n  display: none;\n}\n\n.slideout-menu-left {\n  left: 0;\n}\n\n.slideout-menu-right {\n  right: 0;\n}\n\n.slideout-panel {\n  position: relative;\n  z-index: 1;\n  background-color: #fff;\n  /* A background-color is required */\n  min-height: 100vh;\n}\n\n.slideout-open,\n.slideout-open body,\n.slideout-open .slideout-panel {\n  overflow: hidden;\n}\n\n.slideout-open .slideout-menu {\n  display: block;\n}\n\n#menu {\n  background-color: #1f1f1f;\n}\n\n/* Overlay for closing the menu on panel click when menu is open */\n.panel:before {\n  content: '';\n  display: block;\n  background-color: rgba(0, 0, 0, 0);\n  transition: background-color 0.5s ease-in-out;\n}\n\n.panel-open:before {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 99;\n}\n\n/*!\r\n * Hamburgers\r\n * @description Tasty CSS-animated hamburgers\r\n * @author Jonathan Suh @jonsuh\r\n * @site https://jonsuh.com/hamburgers\r\n * @link https://github.com/jonsuh/hamburgers\r\n */\n.hamburger {\n  padding: 15px 15px;\n  display: inline-block;\n  cursor: pointer;\n  transition-property: opacity, filter;\n  transition-duration: 0.15s;\n  transition-timing-function: linear;\n  font: inherit;\n  color: inherit;\n  text-transform: none;\n  background-color: transparent;\n  border: 0;\n  margin: 0;\n  overflow: visible;\n}\n\n.hamburger:hover {\n  opacity: 0.7;\n}\n\n.hamburger-box {\n  width: 40px;\n  height: 24px;\n  display: inline-block;\n  position: relative;\n}\n\n.hamburger-inner {\n  display: block;\n  top: 50%;\n  margin-top: -2px;\n}\n\n.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {\n  width: 40px;\n  height: 4px;\n  background-color: #000;\n  border-radius: 4px;\n  position: absolute;\n  transition-property: transform;\n  transition-duration: 0.15s;\n  transition-timing-function: ease;\n}\n\n.hamburger-inner::before, .hamburger-inner::after {\n  content: \"\";\n  display: block;\n}\n\n.hamburger-inner::before {\n  top: -10px;\n}\n\n.hamburger-inner::after {\n  bottom: -10px;\n}\n\n/*\r\n     * 3DX\r\n     */\n.hamburger--3dx .hamburger-box {\n  perspective: 80px;\n}\n\n.hamburger--3dx .hamburger-inner {\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx.is-active .hamburger-inner {\n  background-color: transparent;\n  transform: rotateY(180deg);\n}\n\n.hamburger--3dx.is-active .hamburger-inner::before {\n  transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dx.is-active .hamburger-inner::after {\n  transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n     * 3DX Reverse\r\n     */\n.hamburger--3dx-r .hamburger-box {\n  perspective: 80px;\n}\n\n.hamburger--3dx-r .hamburger-inner {\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dx-r.is-active .hamburger-inner {\n  background-color: transparent;\n  transform: rotateY(-180deg);\n}\n\n.hamburger--3dx-r.is-active .hamburger-inner::before {\n  transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dx-r.is-active .hamburger-inner::after {\n  transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n     * 3DY\r\n     */\n.hamburger--3dy .hamburger-box {\n  perspective: 80px;\n}\n\n.hamburger--3dy .hamburger-inner {\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy.is-active .hamburger-inner {\n  background-color: transparent;\n  transform: rotateX(-180deg);\n}\n\n.hamburger--3dy.is-active .hamburger-inner::before {\n  transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dy.is-active .hamburger-inner::after {\n  transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n     * 3DY Reverse\r\n     */\n.hamburger--3dy-r .hamburger-box {\n  perspective: 80px;\n}\n\n.hamburger--3dy-r .hamburger-inner {\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dy-r.is-active .hamburger-inner {\n  background-color: transparent;\n  transform: rotateX(180deg);\n}\n\n.hamburger--3dy-r.is-active .hamburger-inner::before {\n  transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dy-r.is-active .hamburger-inner::after {\n  transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n     * 3DXY\r\n     */\n.hamburger--3dxy .hamburger-box {\n  perspective: 80px;\n}\n\n.hamburger--3dxy .hamburger-inner {\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy.is-active .hamburger-inner {\n  background-color: transparent;\n  transform: rotateX(180deg) rotateY(180deg);\n}\n\n.hamburger--3dxy.is-active .hamburger-inner::before {\n  transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dxy.is-active .hamburger-inner::after {\n  transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n     * 3DXY Reverse\r\n     */\n.hamburger--3dxy-r .hamburger-box {\n  perspective: 80px;\n}\n\n.hamburger--3dxy-r .hamburger-inner {\n  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {\n  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hamburger--3dxy-r.is-active .hamburger-inner {\n  background-color: transparent;\n  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);\n}\n\n.hamburger--3dxy-r.is-active .hamburger-inner::before {\n  transform: translate3d(0, 10px, 0) rotate(45deg);\n}\n\n.hamburger--3dxy-r.is-active .hamburger-inner::after {\n  transform: translate3d(0, -10px, 0) rotate(-45deg);\n}\n\n/*\r\n     * Spin\r\n     */\n.hamburger--spin .hamburger-inner {\n  transition-duration: 0.22s;\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n\n.hamburger--spin .hamburger-inner::before {\n  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;\n}\n\n.hamburger--spin .hamburger-inner::after {\n  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n}\n\n.hamburger--spin.is-active .hamburger-inner {\n  transform: rotate(225deg);\n  transition-delay: 0.12s;\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.hamburger--spin.is-active .hamburger-inner::before {\n  top: 0;\n  opacity: 0;\n  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;\n}\n\n.hamburger--spin.is-active .hamburger-inner::after {\n  bottom: 0;\n  transform: rotate(-90deg);\n  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-weight: 500;\n}\n\nh1 {\n  margin: 35px 0px 10px 0px;\n  position: relative;\n  font-weight: 500;\n}\n\nh1 {\n  font-size: 35px;\n}\n\n@media screen and (min-width: 320px) {\n  h1 {\n    font-size: calc(35px + 25 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  h1 {\n    font-size: 60px;\n  }\n}\n\n.default-header {\n  line-height: 0.8;\n  padding: 0px 25px 10px 0px;\n  border-bottom: 5px solid black;\n}\n\nh2 {\n  margin: 30px 0px 10px 0px;\n  position: relative;\n}\n\nh2 {\n  font-size: 20px;\n}\n\n@media screen and (min-width: 320px) {\n  h2 {\n    font-size: calc(20px + 25 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  h2 {\n    font-size: 45px;\n  }\n}\n\nh3 {\n  margin: 25px 0px 10px 0px;\n  position: relative;\n}\n\nh3 {\n  font-size: 19px;\n}\n\n@media screen and (min-width: 320px) {\n  h3 {\n    font-size: calc(19px + 21 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  h3 {\n    font-size: 40px;\n  }\n}\n\nh4 {\n  margin: 20px 0px 10px 0px;\n  position: relative;\n}\n\nh4 {\n  font-size: 18px;\n}\n\n@media screen and (min-width: 320px) {\n  h4 {\n    font-size: calc(18px + 17 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  h4 {\n    font-size: 35px;\n  }\n}\n\nh5 {\n  margin: 15px 0px 10px 0px;\n  position: relative;\n}\n\nh5 {\n  font-size: 17px;\n}\n\n@media screen and (min-width: 320px) {\n  h5 {\n    font-size: calc(17px + 13 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  h5 {\n    font-size: 30px;\n  }\n}\n\nh6 {\n  margin: 10px 0px 8px 0px;\n  position: relative;\n}\n\nh6 {\n  font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n  h6 {\n    font-size: calc(16px + 9 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  h6 {\n    font-size: 25px;\n  }\n}\n\np,\nli,\nul,\ncode {\n  font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n  p,\n  li,\n  ul,\n  code {\n    font-size: calc(16px + 9 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  p,\n  li,\n  ul,\n  code {\n    font-size: 25px;\n  }\n}\n\np {\n  font-weight: 300;\n}\n\nstrong {\n  font-weight: 500;\n}\n\na {\n  text-decoration: none;\n  color: #2579c7;\n  transition: all 0.1s ease-in;\n}\n\na {\n  font-size: 16px;\n}\n\n@media screen and (min-width: 320px) {\n  a {\n    font-size: calc(16px + 9 * ((100vw - 320px) / 880));\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  a {\n    font-size: 25px;\n  }\n}\n\na:hover {\n  color: #195286;\n}\n\ncode {\n  white-space: pre-line;\n}\n\nhtml,\nbody {\n  font-family: 'Roboto', sans-serif;\n  margin: 0;\n  padding: 0;\n  overflow-x: hidden;\n}\n\n.flex-container {\n  display: flex;\n}\n\n.header-hr {\n  border: 0;\n  height: 0;\n  /* Firefox... */\n  box-shadow: 0 0 5px 1px #2579c7;\n  margin-bottom: 30px;\n}\n\n.page-title {\n  margin-bottom: 0px;\n}\n\n.content {\n  margin: 0 auto;\n  padding: 0 1em;\n  max-width: 1170px;\n  margin-bottom: 50px;\n}\n\n.content img, .content div {\n  max-width: 100%;\n}\n\n.toc-page > ol {\n  padding-left: 0;\n}\n\n.toc-page ol {\n  counter-reset: item;\n  font-weight: 500;\n}\n\n@media only screen and (max-width: 800px) {\n  .toc-page ol {\n    padding-left: 15px;\n  }\n}\n\n.toc-page ol ol {\n  font-weight: 300;\n}\n\n.toc-page ol ol ol {\n  font-size: 90%;\n}\n\n.toc-page li {\n  display: block;\n}\n\n.toc-page li:before {\n  content: counters(item, \".\") \" \";\n  counter-increment: item;\n}\n\n/* width */\n::-webkit-scrollbar {\n  width: 10px;\n}\n\n/* Track */\n::-webkit-scrollbar-track {\n  background: #f1f1f1;\n}\n\n/* Handle */\n::-webkit-scrollbar-thumb {\n  background: #888;\n}\n\n/* Handle on hover */\n::-webkit-scrollbar-thumb:hover {\n  background: #6f6e6e;\n}\n","$menu-bg-color:#1f1f1f;\r\n$menu-sec-color: #455a64;\r\n$menu-font-color: #adb5bd;\r\n$hover-active-font-color: #f8f9fa;\r\n.sidebar-nav {\r\n    background: $menu-bg-color;\r\n    a,\r\n    li,\r\n    ul {\r\n        @include fluid-type(320px, 1200px, 16px, 18px);\r\n    }\r\n    ul {\r\n        padding: 0;\r\n        margin: 0;\r\n        list-style: none;\r\n        background-color: $menu-bg-color;\r\n    }\r\n    .metismenu {\r\n        display: flex;\r\n        -webkit-box-orient: vertical;\r\n        -webkit-box-direction: normal;\r\n        -ms-flex-direction: column;\r\n        flex-direction: column;\r\n        li {\r\n            display: flex;\r\n            -webkit-box-orient: vertical;\r\n            -webkit-box-direction: normal;\r\n            -ms-flex-direction: column;\r\n            flex-direction: column;\r\n            position: relative;\r\n        }\r\n        a {\r\n            position: relative;\r\n            display: block;\r\n            padding: 15px 15px;\r\n            color: $menu-font-color;\r\n            outline-width: 0;\r\n            transition: all .2s ease-in-out;\r\n        }\r\n        ul>li {\r\n            padding-left: 1px;\r\n            border-left: 3px solid $menu-sec-color;\r\n            background: rgba(255, 255, 255, .05);\r\n        }\r\n        ul ul {\r\n            background: rgba(255, 255, 255, .03);\r\n        }\r\n        a:hover,a:focus,a:active {\r\n            color: $hover-active-font-color;\r\n            text-decoration: none;\r\n            background: $menu-sec-color;\r\n        }\r\n        a[aria-expanded=\"true\"] {\r\n            background-color: $menu-sec-color;\r\n        }\r\n        .active-page {\r\n            font-weight: 500;\r\n            color: $hover-active-font-color;\r\n        }\r\n    }\r\n}\r\n\r\n.sidebar-brand {\r\n    display: flex;\r\n    color: $hover-active-font-color;\r\n    height: 65px;\r\n    line-height: 20px;\r\n    justify-content: center;\r\n    align-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n    &:hover {\r\n        color: $menu-font-color;\r\n    }\r\n}","\r\n\t@function strip-unit($value) {\r\n\t\t@return $value / ($value * 0 + 1);\r\n\t}\r\n\t\r\n\t@mixin fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size) {\r\n\t\t$u1: unit($min-vw);\r\n\t\t$u2: unit($max-vw);\r\n\t\t$u3: unit($min-font-size);\r\n\t\t$u4: unit($max-font-size);\r\n\t\r\n\t\t@if $u1 == $u2 and $u1 == $u3 and $u1 == $u4 {\r\n\t\t\t& {\r\n\t\t\t\tfont-size: $min-font-size;\r\n\t\t\t\t@media screen and (min-width: $min-vw) {\r\n\t\t\t\t\tfont-size: calc(#{$min-font-size} + #{strip-unit($max-font-size - $min-font-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));\r\n\t\t\t\t}\r\n\t\t\t\t@media screen and (min-width: $max-vw) {\r\n\t\t\t\t\tfont-size: $max-font-size;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}",".slideout-menu {\r\n    position: fixed;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 320px;\r\n    min-height: 100vh;\r\n    overflow-y: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n    z-index: 0;\r\n    display: none;\r\n}\r\n\r\n.slideout-menu-left {\r\n    left: 0;\r\n}\r\n\r\n.slideout-menu-right {\r\n    right: 0;\r\n}\r\n\r\n.slideout-panel {\r\n    position: relative;\r\n    z-index: 1;\r\n    //will-change: transform;\r\n    background-color: #fff;\r\n    /* A background-color is required */\r\n    min-height: 100vh;\r\n}\r\n\r\n.slideout-open,\r\n.slideout-open body,\r\n.slideout-open .slideout-panel {\r\n    overflow: hidden;\r\n}\r\n\r\n.slideout-open .slideout-menu {\r\n    display: block;\r\n}\r\n\r\n#menu {\r\n    background-color: $menu-bg-color;\r\n}\r\n\r\n\r\n/* Overlay for closing the menu on panel click when menu is open */\r\n\r\n.panel:before {\r\n    content: '';\r\n    display: block;\r\n    background-color: rgba(0, 0, 0, 0);\r\n    transition: background-color 0.5s ease-in-out;\r\n}\r\n\r\n.panel-open:before {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    background-color: rgba(0, 0, 0, .5);\r\n    z-index: 99;\r\n}","/*!\r\n * Hamburgers\r\n * @description Tasty CSS-animated hamburgers\r\n * @author Jonathan Suh @jonsuh\r\n * @site https://jonsuh.com/hamburgers\r\n * @link https://github.com/jonsuh/hamburgers\r\n */\r\n.hamburger {\r\n    padding: 15px 15px;\r\n    display: inline-block;\r\n    cursor: pointer;\r\n    transition-property: opacity, filter;\r\n    transition-duration: 0.15s;\r\n    transition-timing-function: linear;\r\n    font: inherit;\r\n    color: inherit;\r\n    text-transform: none;\r\n    background-color: transparent;\r\n    border: 0;\r\n    margin: 0;\r\n    overflow: visible; }\r\n    .hamburger:hover {\r\n      opacity: 0.7; }\r\n  \r\n  .hamburger-box {\r\n    width: 40px;\r\n    height: 24px;\r\n    display: inline-block;\r\n    position: relative; }\r\n  \r\n  .hamburger-inner {\r\n    display: block;\r\n    top: 50%;\r\n    margin-top: -2px; }\r\n    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {\r\n      width: 40px;\r\n      height: 4px;\r\n      background-color: #000;\r\n      border-radius: 4px;\r\n      position: absolute;\r\n      transition-property: transform;\r\n      transition-duration: 0.15s;\r\n      transition-timing-function: ease; }\r\n    .hamburger-inner::before, .hamburger-inner::after {\r\n      content: \"\";\r\n      display: block; }\r\n    .hamburger-inner::before {\r\n      top: -10px; }\r\n    .hamburger-inner::after {\r\n      bottom: -10px; }\r\n  \r\n  /*\r\n     * 3DX\r\n     */\r\n  .hamburger--3dx .hamburger-box {\r\n    perspective: 80px; }\r\n  \r\n  .hamburger--3dx .hamburger-inner {\r\n    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n    .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {\r\n      transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n  \r\n  .hamburger--3dx.is-active .hamburger-inner {\r\n    background-color: transparent;\r\n    transform: rotateY(180deg); }\r\n    .hamburger--3dx.is-active .hamburger-inner::before {\r\n      transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n    .hamburger--3dx.is-active .hamburger-inner::after {\r\n      transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n  \r\n  /*\r\n     * 3DX Reverse\r\n     */ \r\n  .hamburger--3dx-r .hamburger-box {\r\n    perspective: 80px; }\r\n  \r\n  .hamburger--3dx-r .hamburger-inner {\r\n    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n    .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {\r\n      transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n  \r\n  .hamburger--3dx-r.is-active .hamburger-inner {\r\n    background-color: transparent;\r\n    transform: rotateY(-180deg); }\r\n    .hamburger--3dx-r.is-active .hamburger-inner::before {\r\n      transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n    .hamburger--3dx-r.is-active .hamburger-inner::after {\r\n      transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n  \r\n  /*\r\n     * 3DY\r\n     */\r\n  .hamburger--3dy .hamburger-box {\r\n    perspective: 80px; }\r\n  \r\n  .hamburger--3dy .hamburger-inner {\r\n    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n    .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {\r\n      transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n  \r\n  .hamburger--3dy.is-active .hamburger-inner {\r\n    background-color: transparent;\r\n    transform: rotateX(-180deg); }\r\n    .hamburger--3dy.is-active .hamburger-inner::before {\r\n      transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n    .hamburger--3dy.is-active .hamburger-inner::after {\r\n      transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n  \r\n  /*\r\n     * 3DY Reverse\r\n     */\r\n  .hamburger--3dy-r .hamburger-box {\r\n    perspective: 80px; }\r\n  \r\n  .hamburger--3dy-r .hamburger-inner {\r\n    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n    .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {\r\n      transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n  \r\n  .hamburger--3dy-r.is-active .hamburger-inner {\r\n    background-color: transparent;\r\n    transform: rotateX(180deg); }\r\n    .hamburger--3dy-r.is-active .hamburger-inner::before {\r\n      transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n    .hamburger--3dy-r.is-active .hamburger-inner::after {\r\n      transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n  \r\n  /*\r\n     * 3DXY\r\n     */\r\n  .hamburger--3dxy .hamburger-box {\r\n    perspective: 80px; }\r\n  \r\n  .hamburger--3dxy .hamburger-inner {\r\n    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n    .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {\r\n      transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n  \r\n  .hamburger--3dxy.is-active .hamburger-inner {\r\n    background-color: transparent;\r\n    transform: rotateX(180deg) rotateY(180deg); }\r\n    .hamburger--3dxy.is-active .hamburger-inner::before {\r\n      transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n    .hamburger--3dxy.is-active .hamburger-inner::after {\r\n      transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n  \r\n  /*\r\n     * 3DXY Reverse\r\n     */\r\n  .hamburger--3dxy-r .hamburger-box {\r\n    perspective: 80px; }\r\n  \r\n  .hamburger--3dxy-r .hamburger-inner {\r\n    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n    .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {\r\n      transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }\r\n  \r\n  .hamburger--3dxy-r.is-active .hamburger-inner {\r\n    background-color: transparent;\r\n    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }\r\n    .hamburger--3dxy-r.is-active .hamburger-inner::before {\r\n      transform: translate3d(0, 10px, 0) rotate(45deg); }\r\n    .hamburger--3dxy-r.is-active .hamburger-inner::after {\r\n      transform: translate3d(0, -10px, 0) rotate(-45deg); }\r\n  \r\n  /*\r\n     * Spin\r\n     */\r\n  .hamburger--spin .hamburger-inner {\r\n    transition-duration: 0.22s;\r\n    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }\r\n    .hamburger--spin .hamburger-inner::before {\r\n      transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }\r\n    .hamburger--spin .hamburger-inner::after {\r\n      transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }\r\n  \r\n  .hamburger--spin.is-active .hamburger-inner {\r\n    transform: rotate(225deg);\r\n    transition-delay: 0.12s;\r\n    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }\r\n    .hamburger--spin.is-active .hamburger-inner::before {\r\n      top: 0;\r\n      opacity: 0;\r\n      transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }\r\n    .hamburger--spin.is-active .hamburger-inner::after {\r\n      bottom: 0;\r\n      transform: rotate(-90deg);\r\n      transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }","$min_width: 320px;\r\n$max_width: 1200px;\r\n$min_font: 16px;\r\n$max_font: 50px;\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n    font-weight: 500;\r\n}\r\n\r\nh1 {\r\n    @include fluid-type($min_width, $max_width, 35px, 60px);\r\n    margin: 35px 0px 10px 0px;\r\n    position: relative;\r\n    font-weight: 500;\r\n}\r\n\r\n.default-header {\r\n    line-height: 0.8;\r\n    padding: 0px 25px 10px 0px;\r\n    border-bottom: 5px solid $font-color;\r\n}\r\n\r\nh2 {\r\n    @include fluid-type($min_width, $max_width, 20px, 45px);\r\n    margin: 30px 0px 10px 0px;\r\n    position: relative;\r\n}\r\n\r\nh3 {\r\n    @include fluid-type($min_width, $max_width, 19px, 40px);\r\n    margin: 25px 0px 10px 0px;\r\n    position: relative;\r\n}\r\n\r\nh4 {\r\n    @include fluid-type($min_width, $max_width, 18px, 35px);\r\n    margin: 20px 0px 10px 0px;\r\n    position: relative;\r\n}\r\n\r\nh5 {\r\n    @include fluid-type($min_width, $max_width, 17px, 30px);\r\n    margin: 15px 0px 10px 0px;\r\n    position: relative;\r\n}\r\n\r\nh6 {\r\n    @include fluid-type($min_width, $max_width, 16px, 25px);\r\n    margin: 10px 0px 8px 0px;\r\n    position: relative;\r\n}\r\n\r\np,\r\nli,\r\nul,\r\ncode {\r\n    @include fluid-type($min_width, $max_width, 16px, 25px);\r\n}\r\n\r\np {\r\n    font-weight: 300;\r\n}\r\n\r\nstrong {\r\n    font-weight: 500;\r\n}\r\n\r\na {\r\n    @include fluid-type($min_width, $max_width, 16px, 25px);\r\n    text-decoration: none;\r\n    color: $link-color;\r\n    transition: all 0.1s ease-in;\r\n    &:hover {\r\n        color: $link-hover-color;\r\n    }\r\n}\r\n\r\ncode {\r\n    white-space: pre-line;\r\n}","html,\r\nbody {\r\n    font-family: 'Roboto', sans-serif;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow-x: hidden;\r\n}\r\n\r\n.flex-container {\r\n    display: flex;\r\n}\r\n\r\n.header-hr {\r\n    border: 0;\r\n    height: 0;\r\n    /* Firefox... */\r\n    box-shadow: 0 0 5px 1px #2579c7;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.page-title {\r\n    margin-bottom: 0px;\r\n}\r\n\r\n.content {\r\n    margin: 0 auto;\r\n    padding: 0 1em;\r\n    max-width: 1170px;\r\n    margin-bottom: 50px;\r\n    img, div{ \r\n        max-width: 100%; \r\n    }\r\n}\r\n\r\n// Table of contents\r\n.toc-page {\r\n    >ol {\r\n        padding-left: 0;\r\n    }\r\n    ol {\r\n        @media only screen and (max-width: 800px) {\r\n            padding-left: 15px;\r\n        }\r\n        counter-reset: item;\r\n        font-weight: 500;\r\n        ol {\r\n            font-weight: 300;\r\n            ol {\r\n                font-size: 90%;\r\n            }\r\n        }\r\n    }\r\n    li {\r\n        display: block\r\n    }\r\n    li:before {\r\n        content: counters(item, \".\") \" \";\r\n        counter-increment: item\r\n    }\r\n}\r\n\r\n// Webkit scrollbar\r\n\r\n/* width */\r\n\r\n::-webkit-scrollbar {\r\n    width: 10px;\r\n}\r\n\r\n\r\n/* Track */\r\n\r\n::-webkit-scrollbar-track {\r\n    background: #f1f1f1;\r\n}\r\n\r\n\r\n/* Handle */\r\n\r\n::-webkit-scrollbar-thumb {\r\n    background: #888;\r\n}\r\n\r\n\r\n/* Handle on hover */\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n    background: darken(#888, 10%);\r\n}\r\n\r\n"]}
\ No newline at end of file
diff --git a/scss/main.scss b/scss/main.scss
index 5897554..3584034 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -7,8 +7,8 @@ $link-hover-color: darken($link-color, 15%);
 @import "partials/sidebar";
 @import "partials/slideout";
 @import "partials/hamburgers"; 
-@import 'partials/typography';
-@import "partials/default";   
+@import 'partials/typography'; 
+@import "partials/default";
  
 
 
diff --git a/scss/partials/_default.scss b/scss/partials/_default.scss
index e0a2bc4..f316452 100644
--- a/scss/partials/_default.scss
+++ b/scss/partials/_default.scss
@@ -27,8 +27,8 @@ body {
     padding: 0 1em;
     max-width: 1170px;
     margin-bottom: 50px;
-    * {
-        max-width: 100%;
+    img, div{ 
+        max-width: 100%; 
     }
 }
 
diff --git a/scss/partials/_sidebar.scss b/scss/partials/_sidebar.scss
index 0810e5b..752092b 100644
--- a/scss/partials/_sidebar.scss
+++ b/scss/partials/_sidebar.scss
@@ -1,6 +1,7 @@
 $menu-bg-color:#1f1f1f;
 $menu-sec-color: #455a64;
 $menu-font-color: #adb5bd;
+$hover-active-font-color: #f8f9fa;
 .sidebar-nav {
     background: $menu-bg-color;
     a,
@@ -34,43 +35,41 @@ $menu-font-color: #adb5bd;
             padding: 15px 15px;
             color: $menu-font-color;
             outline-width: 0;
-            transition: all .2s ease-in-out; 
+            transition: all .2s ease-in-out;
         }
         ul>li {
             padding-left: 1px;
-            border-left: 3px solid $menu-sec-color; 
+            border-left: 3px solid $menu-sec-color;
             background: rgba(255, 255, 255, .05);
         }
         ul ul {
-            background: rgba(255, 255, 255, .02);
+            background: rgba(255, 255, 255, .03);
         }
-        a:hover,
-        .metismenu a:focus,
-        a:active {
-            color: #f8f9fa;
+        a:hover,a:focus,a:active {
+            color: $hover-active-font-color;
             text-decoration: none;
             background: $menu-sec-color;
         }
         a[aria-expanded="true"] {
             background-color: $menu-sec-color;
         }
-        .active-page{
+        .active-page {
             font-weight: 500;
-            color: #f8f9fa;
+            color: $hover-active-font-color;
         }
     }
 }
 
 .sidebar-brand {
     display: flex;
-    color: #f8f9fa;
+    color: $hover-active-font-color;
     height: 65px;
     line-height: 20px;
     justify-content: center;
     align-content: center;
     align-items: center;
     width: 100%;
-    &:hover{
-      color: $menu-font-color;
+    &:hover {
+        color: $menu-font-color;
     }
 }
\ No newline at end of file
diff --git a/vela.yaml b/vela.yaml
index eb42321..ab395cb 100644
--- a/vela.yaml
+++ b/vela.yaml
@@ -8,4 +8,4 @@ notice:
     yellow: "Info"
     red: "Warning"
     blue: "Note"
-    green: "Tip"
\ No newline at end of file
+    green: "Tip" 
\ No newline at end of file