*{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}html{min-height:100%;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-size:62.5%}body{font-family:'Roboto', 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;font-family:'Roboto', sans-serif}article,aside,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}img{max-width:100%;font-style:italic;vertical-align:middle;border:0}svg:not(:root){overflow:hidden}svg{pointer-events:none;max-height:100%}a{background-color:transparent;text-decoration:none;color:#5584ff}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}i,em{font-weight:italic}figure{margin:0}hr{margin-top:2.5rem;margin-bottom:2.5rem;width:100%;height:1px;border:0;background:#EFF1F3}pre{overflow:auto}.bg-ground{height:360px;background-color:#1f1b34;background-image:url("/assets/img/bg-header.png");background-repeat:no-repeat;position:unset}.container{position:relative;max-width:128rem;margin-right:auto;margin-left:auto}.sticky{padding:20px 0px !important;opacity:100%;top:0;padding-left:10% !important;padding-right:10% !important}.sticky .nav{float:right}.sticky-hidden{position:fixed;width:100%;max-width:1280px;opacity:0% !important;padding-top:4rem !important;transition:0.0s !important}.sticky-hidden .nav{float:right}.sticky+.desc{padding-top:150px;transition:opacity 0.15s ease-in;opacity:0%}.header{padding-top:40px;padding-bottom:60px;transition:0.2s;z-index:99;min-height:60px;height:20px;width:100%}.header .nav{transition:0.2s}.header .logo{height:21px;width:143px;background-image:url("/assets/img/logo-xoxo-2.png");background-repeat:no-repeat;float:left;margin:0px 20px;padding-bottom:3.5rem;filter:drop-shadow(0px 0px 5px #000);-webkit-transition:all 0.50s;transition:all 0.50s}.header .logo:hover{opacity:75%;filter:drop-shadow(0px 0px 8px #000)}.header .logo p{float:left;color:#FFF;font-size:16px;padding:2px 0px 0px 65px;filter:drop-shadow(0px 0px 5px #000)}.header .nav{float:right}.header .nav a.nav_item{color:#FFF;line-height:21px;padding:0px 20px 0px 20px;min-width:80px;width:80px;font-size:16px;font-family:'Roboto', sans-serif;font-weight:300;filter:drop-shadow(0px 0px 5px #000);transition:0.2s}.header .nav a.nav_item:hover{color:#5584ff}.header .nav a.nav_item.is-active{color:#5584ff}.desc{padding:60px;color:#fff;text-align:center;transition:opacity 0.2s ease-in;opacity:80%;pointer-events:none;filter:drop-shadow(0px 0px 5px #000)}.desc .title{font-size:48px;font-size:calc(2rem + 2vmin);font-family:'Roboto', sans-serif;font-weight:300}.desc .sub-title{font-size:24px;font-size:calc(0.75rem + 1.8vmin);color:#8b8a92;font-weight:lighter;font-family:'Roboto', sans-serif;font-variant:all-small-caps;display:inline-block;background-color:#0000004f;background-blend-mode:hue;padding-inline:4px;padding-bottom:4px;margin-top:6px}.vertical-line-centered{border-left:1px solid #5f656d;width:1px;height:100%}.image-hover-highlight{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-webkit-transition:all 0.50s;transition:all 0.50s;filter:grayscale(1);-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-o-filter:grayscale(1);-ms-filter:grayscale(1)}.image-hover-highlight:hover{filter:grayscale(0);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-o-filter:grayscale(0);-ms-filter:grayscale(0);-webkit-transition:all 0.50s;transition:all 0.50s}.full-width-element-container-centered{position:absolute;width:95%;top:50%;left:50%;transform:translate(-50%, -50%);user-select:none;pointer-events:none;font-size:xx-large;white-space:nowrap}.full-width-element-text-centered{position:relative;margin-bottom:-1rem;user-select:none;pointer-events:none;font-size:xx-large;text-shadow:0px 0px 15px black;filter:drop-shadow(0px 4px 5px #000)}.full-width-element-text-centered-sub{position:relative;user-select:none;pointer-events:none;font-size:medium;text-shadow:0px 0px 15px black;filter:drop-shadow(0px 4px 5px #000)}.full-width-element{text-align:center;position:relative}.full-width-element-container{text-align:center;position:relative;overflow:hidden}h1,h2,h3,h4{color:#6e7080;font-weight:300}p,li,ul{color:#8b8c9d;font-family:"Lato"}.highlight-header p{line-height:1.5;font-size:1.8rem;color:#6e7080 !important}.highlight{background:#FFF;border-bottom:1px solid #e8e8f1;border-right:1px solid #e8e8f1;border-top:1px solid #e8e8f1;border-left:1px solid #e8e8f1}.highlight{padding:0px 0px 0px 0px !important;color:#6e7080 !important;margin-left:0rem !important;width:100% !important}.highlight pre{padding:2.5rem;font-size:16px}.md_flex-container{display:flex}.md_flex-item{flex-grow:1}.padding-1l{padding:0.35rem}.padding-2l{padding:1.5rem}.seperator-100p{background:#e8e8f1;margin-left:0rem;margin-top:3rem;width:100%;padding:1px}.seperator-75p{background:#e8e8f1;margin-top:3rem;width:75%;padding:1px}.seperator-75p p{font-family:'Roboto', 'Helvetica Neue', Helvetica, sans-serif;font-weight:100;color:#c4c4c4}.seperator-50p{background:#e8e8f1;margin-top:3rem;width:50%;padding:1px}.vlinebox{margin:0 auto;width:auto;margin-left:2%}.vline-title{width:auto;margin-left:0%;margin-bottom:12px}.vline{border-left:2px solid #5f656d;padding-left:0.5%}.content-title{font-size:28px;font-weight:300;color:#6e7080;width:100%}.padding-bottom-15{margin-bottom:15px}.hightlight-lang-marks{font-size:14px;color:#6e7080;padding:5px;background-color:#e8e8f1;min-width:100px;width:115px;border-radius:5px;text-align:center;margin-top:10px;margin-bottom:10px !important}.c-btn.bounce-btn{display:inline-block;margin-left:auto;margin-right:auto;text-align:right;background-color:#5584ff;color:#FFF}blockquote{background:#FFF !important;border:1px solid #e8e8f1}.c-footer{background-color:#1f1b34 !important;line-height:100px;font-size:16px}.footer-left{width:50%;float:left;margin-top:35px}.footer-right{width:50%;float:right;margin-top:35px}.footer-copy-left{width:45%;float:left;text-align:left}.footer-copy-left p{font-size:12px;font-family:"Roboto";text-transform:uppercase}.footer-copy-left p b{font-size:13px;font-family:"Roboto";text-transform:uppercase;font-weight:bold;letter-spacing:0.5px;color:#3585cf}.footer-copy-center{width:10%;float:left;text-align:center}.footer-copy-right{width:45%;float:right;text-align:right}.footer-copy-right p{font-size:12px;font-family:"Roboto";text-transform:uppercase}.footer-copy{background-color:#221d39;height:50px;line-height:50px;padding-left:1.5rem;padding-right:1.5rem}.footer-logo{height:18px;width:30px;background-image:url("/assets/img/footer-logo.png");background-repeat:no-repeat;margin:16px auto}.c-footer__container_links{color:#5584ff}.twitter{background-image:url("/assets/img/social/twitter.png");background-repeat:no-repeat;width:32px;height:32px;display:inline-block}.steam{background-image:url("/assets/img/social/steam.png");background-repeat:no-repeat;width:32px;height:32px;display:inline-block}.kofi{background-image:url("/assets/img/social/kofi2.png");background-repeat:round;width:96px;height:32px;display:inline-block}.patreon{background-image:url("/assets/img/social/patreon.png");background-repeat:round;width:128px;height:32px;display:inline-block}.twitch{background-image:url("/assets/img/social/twitch.png");background-repeat:no-repeat;width:32px;height:32px;display:inline-block}.github{background-image:url("/assets/img/social/github.png");background-repeat:no-repeat;width:32px;height:32px;display:inline-block}.youtube{background-image:url("/assets/img/social/youtube.png");background-repeat:no-repeat;width:32px;height:32px;display:inline-block}.widget{display:block;border:1px solid #e8e8f1;background:#FFF;box-shadow:2px 2px 4px #00000008;margin-top:25px}.widget .widget-header{position:relative;width:100%;height:220px;overflow:hidden;margin:0 auto}.widget .widget-header .post-img{background-size:cover;width:100%;height:220px;margin:0 auto;background-position:center;opacity:1;background-image:url("/assets/img/no-image-found.png")}.widget .widget-header .overlay-try{-webkit-transition:all 0.50s;transition:all 0.50s;width:100%;height:220px;position:absolute;top:0;opacity:0.5;background-color:#1f1b34}.widget .widget-header .overlay-try:hover{opacity:0.0;-webkit-transition:all 0.50s;transition:all 0.50s}.widget .widget-header .text-on-image-status{position:absolute;top:0;padding:10px 20px;font-size:12px;right:0;border-radius:0 0 0 4px;z-index:5;color:#FFF;background-color:rgba(0,0,0,0.4);user-select:none;pointer-events:none}.widget .widget-header .text-on-image-status.Done{color:#00ff94}.widget .widget-header .text-on-image-status.WIP{color:#5584ff}.widget .widget-header .text-on-image-status.Inactive{color:#a15beb}.widget .widget-header .text-on-image{position:absolute;bottom:0px;padding:10px;font-size:14px;width:100%;text-align:left;transition:all .1s linear 0s;z-index:5;background-color:rgba(0,0,0,0.6);user-select:none;pointer-events:none}.widget .widget-header .verlauf{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(45deg, #71c6f1, #5584ff)}.widget .widget-content{height:150px !important;overflow:hidden}.widget .widget-content h3{padding:5px 15px}.widget .widget-content p{padding:3px 10px;margin-bottom:2px;font-size:15px}.widget .widget-content .float-right{float:right}.widget .widget-content .divider{border-top:1px solid #e8e8f1}.widget .widget-footer{width:100%;background-color:#fbfbfd;border:1px solid #e8e8f1;float:left;height:50px}.widget .widget-footer .widget-button{padding:9px;text-align:center;font-size:12px;font-weight:normal;background:#3561cf;text-decoration:none;color:#fff !important;margin-top:6px;display:block;margin-left:auto;margin-right:auto;width:60%}.widget .widget-footer .widget-button:hover{background:#5584ff;transition:linear 0.2s}.widget .widget-footer .verlauf{background-image:-webkit-linear-gradient(45deg, #71c6f1, #5584ff)}.widget .clear{clear:both}@media screen and (max-width: 700px){.header .nav .nav_item{display:none}.header .nav .mobile-nav{display:unset}.footer-left{width:100%;float:left}.footer-right{width:100%;float:right;display:flex;justify-content:center;align-items:center;border-top:1px solid #392f50;padding:20px 0px 0px 0px;margin-top:25px}.c-footer__container_links{float:left !important}.footer-copy p{font-size:10px}.footer-copy p b{color:#ce2020;font-size:10px}.c-article__main ul,.c-article__main ol{margin-left:25px !important}.footer-copy-right{display:none}.footer-copy-left{width:100%;text-align:center}.footer-copy-center{width:100%;border-top:1px solid #392f50}}.u-container{max-width:160rem;margin-right:auto;margin-left:auto}.c-header{padding-top:7.5rem;padding-bottom:1.5rem;padding-right:2.5rem;padding-left:2.5rem;background:#5584ff}.c-header__title{position:relative;font-family:'Roboto', 'Helvetica Neue', Helvetica, sans-serif;font-weight:100;line-height:1.5;font-size:1.8rem;margin-top:0.25rem;color:#fff}.c-header__title::before{float:left;margin-left:0.5rem;color:rgba(255,255,255,0.5);content:'#'}.c-header__title span{color:rgba(255,255,255,0.5)}.c-navigation{position:absolute;top:0;left:0;padding:0 2.5rem;width:100%;background:#5584ff;z-index:10}.c-navigation:after{content:'';position:absolute;top:100%;left:0;width:100%;height:10px;background:linear-gradient(to bottom, rgba(0,0,0,0.25), transparent)}.c-navigation.is-fixed{position:fixed;will-change:transform}.c-navigation__left_block{min-width:5rem;max-width:5rem;min-height:5rem;max-height:5rem;padding:1rem;float:left}.c-navigation__item{position:relative;display:inline-block;padding-top:2.5rem;padding-bottom:1.5rem;font-family:'Roboto Mono', monospace;font-weight:500;line-height:1;font-size:1.6rem;color:#fff;text-transform:uppercase}.c-navigation__item:not(:last-of-type){margin-right:2.5rem}.c-navigation__item:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:transparent;transition:background ease-in-out 0.2s}.c-navigation__item:hover:after,.c-navigation__item.is-active:after{background:#fff}.c-navigation__logo{position:relative;display:block;padding-top:2.5rem;padding-bottom:2.5rem;font-family:'Roboto Mono', monospace;font-weight:500;line-height:1;font-size:1.6rem;color:#fff;text-transform:uppercase;float:left;margin-right:2.5rem}.c-article{background:#5584ff}.c-article__main{position:relative;max-width:128rem;margin-right:auto;margin-left:auto;padding-top:7.5rem;padding-bottom:80px;padding-right:2.5rem;padding-left:2.5rem;background:#5584ff;line-height:1.5;font-size:1.8rem}.c-article__main>*{margin-bottom:1.8rem}.c-article__main a:not(.c-btn){text-decoration:none}.c-article__main blockquote{width:100%;padding:2.5rem}.c-article__main ul,.c-article__main ol{margin-left:40px}.c-archives{margin-bottom:10rem}.c-archives__year{margin-bottom:2.5rem;line-height:1.25;font-size:3.5rem}.c-archives__list{margin-bottom:2.5rem;list-style:none}.c-archives__item{padding-top:1.5rem;padding-bottom:1.5rem;border-top:1px solid #e8e8f1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.c-archives__item h3{line-height:1.5;font-size:1.8rem}.c-archives__item p{line-height:1.5;font-size:1.8rem;color:#515862}.c-social{padding:7.5rem;background:#fff}.c-social__list{max-width:76rem;margin-right:auto;margin-left:auto;list-style:none}.c-social__title{font-family:'Roboto Mono', monospace;font-weight:500;line-height:1.25;font-size:3rem;color:rgba(0,0,0,0.5)}.c-btn{padding:1.5rem 2rem;line-height:1;font-size:1.6rem;text-decoration:none;background:#FAFAFA;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);border-radius:3px;display:inline-block}.c-btn-group{display:flex;justify-content:space-between}.c-footer{padding-left:1.5rem;padding-right:1.5rem;padding-bottom:2.5rem;width:100%;min-height:100px;color:#6d6d6d;display:inline-flex;vertical-align:middle}.c-footer p{line-height:1;font-size:1.6rem}.c-footer__container_desc{width:60%;float:left;margin-right:auto;margin-left:auto;padding-left:2rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.c-footer__container_links{float:right;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;display:inline-table;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:right}.c-footer__container_links a{margin-left:2rem;margin-bottom:2px}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-sm-3,.col-sm-4,.col-md-3,.col-md-4{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width: 576px){.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}}@media (min-width: 768px){.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}}.mobile-nav{display:none;float:right;margin-top:-6px;padding-right:2rem;cursor:pointer}.mobile-nav-logo{height:56px;width:40px;margin-top:-1.2rem;display:inline-block;transition:0.2s;background:url(/assets/img/mobile_menu.png) no-repeat center;background-size:54px}.mobile-nav-logo:active{opacity:0.2;transition:0.0s !important}.mobile-nav-content{margin-top:-8rem;opacity:0%;transition:0.3s;margin-top:-151px;background-color:#1f1b33}section{position:absolute;left:0;width:100%;height:65px;font-weight:200 !important;font-family:'Roboto', sans-serif;-webkit-transition:-webkit-transform 0.3s}section.one{-webkit-transition-delay:0s}section.two{-webkit-transition-delay:0.05s}section.three{-webkit-transition-delay:0.1s}section.four{-webkit-transition-delay:0.15s}section.mobile-nav-bg{-webkit-transition-delay:0.15s}section.after{-webkit-transform:translateY(100%)}section h1{color:white;font-weight:500;font-size:2rem;text-align:center;margin:0;line-height:65px;-webkit-user-select:none}section.mobile-nav-bg{background-color:#1f1b337c;border-top:1px solid #392f50;left:0;width:100%}.page-one section.one{-webkit-transition-delay:0s}.page-one section.two{-webkit-transition-delay:0.15s}.page-one section.three{-webkit-transition-delay:0.1s}.page-one section.four{-webkit-transition-delay:0.05s}.page-two section.one{-webkit-transition-delay:0s}.page-two section.two{-webkit-transition-delay:0.05s}.page-two section.three{-webkit-transition-delay:0.1s}.page-two section.four{-webkit-transition-delay:0.05s}.menu-open section{cursor:pointer}.menu-open section.one{-webkit-transform:translateY(90px);-webkit-transition-delay:0.15s}.menu-open section.one:active{background:rgba(37,32,61,0.2274509804)}.menu-open section.two{-webkit-transform:translateY(155px);-webkit-transition-delay:0.1s}.menu-open section.two:active{background:rgba(37,32,61,0.2274509804)}.menu-open section.two:hover{background:rgba(37,32,61,0.2274509804)}.menu-open section.three{-webkit-transform:translateY(222px);-webkit-transition-delay:0.05s}.menu-open section.three:active{background:rgba(37,32,61,0.2274509804)}.menu-open section.four{-webkit-transform:translateY(285px);-webkit-transition-delay:0s}.menu-open section.four:active{background:rgba(37,32,61,0.2274509804)}.menu-open section.mobile-nav-bg{-webkit-transform:translateY(89px);-webkit-transition-delay:0s}.menu-open.page-one section.one{-webkit-transition-delay:0s}.menu-open.page-one section.two{-webkit-transition-delay:0.05s}.menu-open.page-one section.three{-webkit-transition-delay:0.1s}.menu-open.page-one section.four{-webkit-transition-delay:0.15s}.menu-open.page-two section.one{-webkit-transition-delay:0s}.menu-open.page-two section.two{-webkit-transition-delay:0.05s}.menu-open.page-two section.three{-webkit-transition-delay:0.1s}.menu-open.page-two section.four{-webkit-transition-delay:0.15s}.highlight{margin-left:-2.5rem;width:calc(100% + 5rem);padding:2.5rem;background:#5584ff;color:#bbbbbb}.highlighter-rouge .highlight{background:#eef}.highlight .w{color:#586e75}.highlight .err{color:#002b36;background-color:#dc322f}.highlight .c,.highlight .cd,.highlight .cm,.highlight .c1,.highlight .cs{color:#88a2ac}.highlight .cp{color:#5584ff}.highlight .nt{color:#5584ff}.highlight .o,.highlight .ow{color:#93a1a1}.highlight .p,.highlight .pi{color:#93a1a1}.highlight .gi{color:#859900}.highlight .gd{color:#dc322f}.highlight .gh{color:#268bd2;background-color:#002b36;font-weight:bold}.highlight .k,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kv{color:#6c71c4}.highlight .kc{color:#cb4b16}.highlight .kt{color:#cb4b16}.highlight .kd{color:#cb4b16}.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .sh,.highlight .sx,.highlight .s1{color:#859900}.highlight .sr{color:#2aa198}.highlight .si{color:#d33682}.highlight .se{color:#d33682}.highlight .nn{color:#b58900}.highlight .nc{color:#b58900}.highlight .no{color:#b58900}.highlight .na{color:#268bd2}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .il,.highlight .mo,.highlight .mb,.highlight .mx{color:#859900}.highlight .ss{color:#859900}html{position:relative;min-height:100%;min-width:50%}html,body{margin:0;padding:0;background-color:#221d39}.pageContentWrapper{margin-bottom:80px}.footer{position:absolute;bottom:0;left:0;right:0;height:80px}img[src~="centered"]{margin:0 auto;display:block}.yt-container{position:relative;width:100%;display:block}.yt-overlay{position:absolute;transition:.5s ease;opacity:50%;font-size:20px;padding:20px;text-align:center;top:50%;left:50%;transform:translate(-50%, -50%)}.yt-container:hover .yt-overlay{opacity:100%}.yt-image{display:block;width:100%;height:auto}img[src~="quatersize"]{width:25%}img[src~="halfsize"]{width:50%}img[src~="threequater"]{width:75%}img[src~="left"]{padding:1rem}img[src~="right"]{float:right;padding:1rem}img[src~="fit"]{width:100vw;height:auto;max-width:none;max-height:100vh;object-fit:contain}li>ul{padding-bottom:0.5em}.highlight-header{background:#e8e8f1;margin-bottom:0rem;width:100%;padding:4px;padding-left:1rem}.highlight-header p{line-height:1.5;font-size:1.8rem;color:#c4c4c4}.highlight{background:#FFF}.t-main .c-article,.t-main .c-article__main{background:#f5f5fa}.t-main .c-article__main a:not(.c-btn){color:#5584ff}