.text-center{text-align:center}.pos-absolute{right:0;left:0;position:absolute}.box-shadow{box-shadow:0 2px 10px 2px var(--shadow-color)}.heading-text{font-family:var(--header-font-family);font-size:32px;font-weight:600;padding:10px 0 25px 0;color:var(--primary-text-color)}h1,.title-text{font-family:var(--header-font-family);font-size:25px;font-weight:500;color:var(--primary-text-color);border-left:var(--primary-color) 8px solid;padding-left:10px}h2,.subtitle-text{font-family:var(--header-font-family);font-size:20px;font-weight:500;color:var(--primary-text-color)}.text{font-family:var(--text-font-family);font-size:18px;font-weight:400;line-height:26px;letter-spacing:.2px;color:var(--primary-text-color)}.subtext{font-family:var(--text-font-family);font-size:16px;font-weight:400;letter-spacing:.1px}.content{padding:0 40px;display:flex;flex-direction:column;overflow-x:auto}.content pre{overflow-x:auto;padding:1.25em 1.5em;white-space:pre;word-wrap:normal;background-color:var(--code-background-color);color:var(--code-color);font-size:.875em;font-family:monospace}.content code{background-color:var(--code-background-color);color:var(--code-color);font-size:.875em;font-weight:normal;padding:.25em .5em;font-family:monospace}.content pre code{padding:0}.content a{color:var(--primary-link-color)}.content a:hover{text-decoration:underline}.content blockquote{border-left:#e2dede 8px solid;margin:0;background-color:#f2f1f0;padding:0 20px}#openPopUp{text-align:center;background-color:var(--pmenu-button-background-color);padding:15px 15px;color:var(--pmenu-button-forground-color);font-weight:500;font-size:1.5em;border-radius:3.5px;text-decoration:none;font-weight:100;transition:background-color .15s linear;-webkit-transition:background-color .15s linear;-moz-transition:background-color .25s linear;-o-transition:background-color .25s linear}a#openPopUp:hover{cursor:pointer;background-color:var(--pmenu-button-hover-color)}.popup{position:fixed;top:-100vh;left:0;z-index:9999999;background:rgba(0,0,0,.75);width:100vw;height:100vh;opacity:0;-webkit-transition:opacity .35s ease;-moz-transition:opacity .35s ease;-o-transition:opacity .35s ease;transition:opacity .35s ease}.popup .popUpContainer{width:100%;max-width:500px;position:fixed;left:50%;top:-100vh;-webkit-transition:top .35s ease;-moz-transition:top .35s ease;-o-transition:top .35s ease;transition:top .35s ease;margin-left:-250px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);border-radius:2px;z-index:9999999}.popup h2{padding:.5em;text-align:center;color:#444;margin:0}.popup img{width:100%;display:block}.popup article{height:300px;background-color:#e67e22}.popup a.closePopUp{font-family:verdana;color:var(--close-menu-button-color);position:absolute;top:.2em;right:.375em;margin:0;padding:5px;font-weight:bold;font-size:1.5em;text-decoration:none}.popup a:hover{color:var(--close-menu-hover-color)}.popup:target{opacity:1;top:0}.popup .closePopUpOutSide{position:absolute;left:0;width:100%;height:100%;z-index:9999991}.popup:target .popUpContainer{top:50px;-webkit-transition:top .35s ease;-moz-transition:top .35s ease;-o-transition:top .35s ease;transition:top .35s ease}@media (max-width: 796px){.popup .popUpContainer{width:90%;max-width:none;left:5%;margin-left:0}.popup ul{padding:0 1em 0 1em}.popup:target .popUpContainer{top:25px;-webkit-transition:top .35s ease;-moz-transition:top .35s ease;-o-transition:top .35s ease;transition:top .35s ease}}body{padding:0;margin:0;box-sizing:border-box;background-color:var(--secondary-color);display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none}ul{margin-top:.5rem}ul>li{padding:.3rem 0}p>img{width:100%;height:auto}h1{color:var(--primary-heading-text-color)}header{background-color:var(--primary-color);color:var(--primary-text-color);padding:20px 50px;display:flex;align-items:center;justify-content:space-between}.navi{display:flex;justify-content:space-between;flex-grow:1;min-width:0}.logo{font-family:"Alfa Slab One",serif;font-size:32px;color:var(--primary-text-color);display:inline-block;align-items:start;margin:0 40px}.logo img{width:200px;margin:0 25px}.regular_menu{flex:1;display:flex;justify-content:flex-end}.nav-item{margin:0 20px;text-decoration:none;font-size:18px;font-weight:bold;align-self:center;justify-content:flex-end}.nav-item:hover{color:var(--primary-text-color-over);text-decoration:underline}.hero{display:flex;align-items:center;justify-content:space-evenly;background-color:var(--primary-color);overflow-x:hidden;padding:40px 40px}.hero .explore-more{position:absolute;bottom:20px;cursor:pointer}main{display:flex;padding:50px 100px;flex-grow:1}main .toc{max-width:260px;min-width:240px}main .toc-item{padding:10px 20px;color:#fff5f5}main .toc-item a,main .toc-item-child a{color:var(--secondary-text-color)}main .toc-item a:hover,main .toc-item-child a:hover{cursor:pointer;text-decoration:underline}main .toc-item a.active,main .toc-item-child a.active{color:var(--toc-highlight-text-color)}main .toc-item-child{padding:0 30px 5px;color:#424242}.toc-sticky{border-radius:3px;border-top:5px solid var(--primary-color);background-color:var(--toc-background-color);position:sticky;position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;top:10px;padding:10px 0 20px;max-height:100vh;overflow:auto}footer{padding:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--footer-background-color);color:var(--footer-text-color)}footer a{color:#fcfcfc;text-decoration:underline}@media screen and (min-width: 1280px){.content{max-width:60%;min-width:800px}}@media screen and (min-width: 769px){.popup_menu{display:none}}@media screen and (max-width: 768px){.regular_menu{display:none}.hero{padding:40px 30px}main{padding:30px}.content{padding:0}.explore-more,.toc{display:none}main{padding:30px;display:flex;flex-direction:column}.sidebar{position:relative;width:215px;margin:2rem auto 0}.logo img{width:100px;margin:0 25px}}