header{position:fixed;right:0;padding:5px;box-sizing:border-box;background-color:#121212;color:#a10304;width:100%;z-index:100;font-weight:bold;padding-bottom:20px;text-align:right;border-bottom:1px solid}header a{display:inline-block;font-size:1.6em}header a>div{display:flex;flex-direction:row}header .github{flex-grow:1;display:flex}header .github:before{content:"";width:2em;height:2em;margin:auto;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 922.78 946.64'%3E%3Cpath d='M886.56 289.17a472.65 472.65 0 0 0-98.81-150.44A459.27 459.27 0 0 0 641.09 37.24a452.16 452.16 0 0 0-359.39 0A459.16 459.16 0 0 0 135 138.73a472.51 472.51 0 0 0-98.78 150.44 486.11 486.11 0 0 0 0 368.3 472.54 472.54 0 0 0 98.83 150.44A459.47 459.47 0 0 0 281.74 909.4a452.07 452.07 0 0 0 359.35 0 459.42 459.42 0 0 0 146.66-101.49 472.65 472.65 0 0 0 98.81-150.44 486.24 486.24 0 0 0 0-368.3zm-291.1 591.3h-19c-8.37-3.61-11.65-12.05-11.65-19.64l.46-117.67c0-40-13.38-66.23-28.33-79.55 93-10.55 190.51-46.9 190.51-211.66 0-46.81-16.14-85.2-42.9-115.17 4.25-10.82 18.64-54.39-4.15-113.5 0 0-35-11.57-114.67 44a390.13 390.13 0 0 0-104.43-14.53c-35.52.19-71.23 4.91-104.44 14.53-79.71-55.51-114.76-44-114.76-44-22.7 59.11-8.4 102.68-4.06 113.5-26.67 30-42.9 68.27-42.9 115.17 0 164.39 97.42 201.2 190 212-11.9 10.73-22.69 29.6-26.47 57.35-23.81 10.92-84.23 29.88-121.41-35.71 0 0-22.05-41.16-63.94-44.22 0 0-40.77-.55-2.86 26.09 0 0 27.4 13.14 46.32 62.72 0 0 24.54 83.44 140.6 57.54l.55 73c0 7.64-3.43 16.12-12 19.65H327.7c-170.48-58.83-284.91-222.21-284.91-407 0-114.72 43.51-222.58 122.63-303.7s184.18-125.7 296-125.7c230.87 0 418.7 192.71 418.7 429.59-.03 184.6-114.34 347.94-284.66 406.91z' fill='%23cb852a'/%3E%3C/svg%3E") no-repeat;transition:all .8s}header a:before,header .media:before,header .player:before{content:"A";display:inline-block;transition:transform .8s;will-change:transform}header .media:before{content:"M"}header .player:before{content:"P"}header a:hover:before,header a:hover .media:before,header a:hover .player:before,header a:hover .github:before{transform:rotate3d(0, 1, 0, 360deg)}@media screen and (min-width: 750px){header{padding:20px}header a>div{display:inline-flex;align-items:center}header .github{order:1;margin-left:10px}header .media,header .player{display:inline}}aside{position:fixed;left:0;top:0;box-sizing:border-box;font-size:1.1em;background-color:#121212;color:#a10304;width:220px;height:100%;z-index:101;font-weight:bold;transition:transform .4s;border-right:1px solid}aside .aside{padding:60px 20px 20px;box-sizing:border-box;height:100%;overflow:auto;scroll-behavior:smooth;scrollbar-color:#a10304 #cb852a;scrollbar-width:thin}aside .aside::-webkit-scrollbar{width:2px;height:2px}aside .aside::-webkit-scrollbar-thumb{background:#cb852a}aside .aside::-webkit-scrollbar-track{background:#a10304}aside li{padding-bottom:.5em}aside .menu{margin-bottom:10px}aside .menu li a{position:relative;display:inline-flex;flex-direction:row}aside .menu li a.selected{cursor:default;pointer-events:none;color:#cb852a}aside .menu li a.selected:before{content:"";height:0;width:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #cb852a;margin:auto 5px auto 0}aside .menu li a.selected:after{transform:scaleX(1)}aside .menu li a:not(.selected):after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:#a10304;transform:scaleX(0);transform-origin:0 0;transition:transform .2s}@media(hover: hover){aside .menu li a:not(.selected):hover:after{transform:scaleX(1)}}body.ie aside .menu li a:not(.selected):hover:after{transform:scaleX(1)}aside .sub-menu{border-top:1px solid #a10304;padding-top:30px;font-size:.9em}aside .sub-menu li:before{content:" ";font-size:0;display:inline-block;background:#cb852a;margin-right:0;transform:scaleX(0.5);transition:all .2s}aside .sub-menu li.active:before{font-size:inherit;margin-right:.2em}aside .sub-menu a{color:#c9be9f}aside .sub-menu li:not(.active) a{position:relative}aside .sub-menu li:not(.active) a:before{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#c9be9f;transform-origin:0 50%;transform:scale(0);transition:transform .2s}@media(hover: hover){aside .sub-menu li:not(.active) a:hover:before{transform:scaleX(1)}}body.ie aside .sub-menu li:not(.active) a:hover:before{transform:scaleX(1)}.menu-icon{position:absolute;top:0;right:0;display:flex;background:#121212;cursor:pointer;width:100%;height:50px;transition:transform .3s}.menu-icon span{position:absolute;right:5px;top:5px;display:flex;width:40px;height:40px}.menu-icon span:before,.menu-icon span:after{content:"";width:100%;height:7px;background:#cb852a;border-radius:5px}.menu-icon span:before{margin:auto;box-shadow:none;transform:rotate(45deg);transition:transform .15s .15s,box-shadow .15s}.menu-icon span:after{position:absolute;top:50%;left:50%;background:#cb852a;transform:translate(-50%, -50%) rotate(-45deg);transition:transform .15s}#menu-btn:checked~aside{transform:translateX(-100%);overflow:visible}#menu-btn:checked~aside .menu-icon{transform:translate(55px, 25px)}#menu-btn:checked~aside .menu-icon span:before{box-shadow:0 -16px 0 0 #cb852a,0 16px 0 0 #cb852a;transform:rotate(0deg);transition:transform .15s,box-shadow .15s .15s}#menu-btn:checked~aside .menu-icon span:after{transform:translate(-50%, -50%)}#menu-btn:checked~.content-wrapper{margin-left:0}@media screen and (min-width: 750px){#menu-btn:checked~aside .menu-icon{transform:translate(55px, 15px)}}@media screen and (max-width: 600px){aside{width:100%}}html,body,div,figure,span,pre,code,h1,h2,h3,h4,h5,h6,p,blockquote,ul,a,img{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline}html.smooth-scroll{scroll-behavior:smooth}body{color:#c9be9f;font-family:Verdana,Geneva,sans-serif;overflow-y:scroll;transition:opacity .5s;hyphens:auto}html.loaded:before,html.loaded:after{transition:opacity .5s;opacity:0}html.loaded body{opacity:1}html.loaded body *{transition:none !important}#menu-btn{display:none}ul{list-style:none}a,a:link,a:hover,a:visited,a:active{color:#a10304;text-decoration:none;font-weight:bold}.center{text-align:center}i,.italic{font-style:italic}b,.bold{font-weight:bold}em{font-style:italic;font-weight:bold}.red{color:#a10304}.orange{color:#cb852a}.bigger-font{font-size:1.5em}.padding-top20{padding-top:20px}.padding-top40{padding-top:40px}.padding-top80{padding-top:80px}.padding-top140{padding-top:140px}.content{display:flex;flex-direction:column;box-sizing:border-box;min-height:100%;width:100%;max-width:1000px;margin:auto}.content h2{display:flex;flex-direction:row;align-items:center;font-weight:bold;font-size:1.5em}.content h3{font-weight:bold;font-size:1.1em;margin-top:1em;color:#cb852a}.content h2:before,.content h2:after{content:"";display:inline-block;box-sizing:border-box;vertical-align:middle;width:.5em;height:.5em;border-radius:50%;background:#c9be9f;margin-top:.2em}.content h2:before{margin-right:.2em}.content h2:after{margin-left:.2em}.content div.end{min-height:100vh}.content p,.content ul{font-size:.8rem;text-align:justify}.content>p.text,.content div.text p{line-height:1.45;margin-top:1.5rem}.content>p.text a,.content div.text p a{font-style:italic}.up{right:10px;bottom:-50px;position:fixed;width:40px;height:40px;background:#121212;z-index:100;border:3px solid #cb852a;border-radius:50%;cursor:pointer;transition:transform .4s,border-color .4s}.up:before,.up:after{content:"";display:block;position:absolute}.up:before{width:12px;height:18px;background:#cb852a;left:14px;bottom:6px;transition:background-color .4s}.up:after{left:6px;top:4px;width:0;height:0;border-style:solid;border-width:0 14px 14px 14px;border-color:transparent transparent #cb852a transparent;transition:border-color .4s}@media(hover: hover){.up:hover{border:3px solid #a10304}.up:hover:before{background:#a10304}.up:hover:after{border-color:transparent transparent #a10304 transparent}}.up.show{transform:translateY(-125%)}@media screen and (max-width: 1240px){body:not(.menu-is-closed) .content>div:not(.video-container),body:not(.menu-is-closed) .content>p,body:not(.menu-is-closed) .content>h4{width:95%;margin-left:auto;margin-right:auto}body:not(.menu-is-closed) .content h2{padding-left:.5em}}@media screen and (max-width: 1020px){.content>div:not(.video-container),.content>p,.content>h3,.content>h4{width:95%;margin-left:auto;margin-right:auto}.content h2{padding-left:.5em}}@media screen and (min-width: 600px){.content-wrapper{margin-left:220px;transition:margin .4s}}.hljs{display:block;overflow-x:auto;padding:.5em;background:#1e1e1e;color:#c0cde0}.hljs-amst{color:#a10304;font-weight:bold}.hljs-amst_methods{color:#dcdcaa}.hljs-amst_properties{color:#eb8613}.hljs-amst_vars{color:#4ec9b0}.hljs-amst_params{color:#e2bb0d}.hljs-keyword,.hljs-literal,.hljs-symbol,.hljs-name{color:#569cd6}.hljs-link{color:#569cd6;text-decoration:underline}.hljs-built_in,.hljs-type{color:#569cd6}.hljs-number,.hljs-class{color:#b8d7a3}.hljs-string,.hljs-meta-string{color:#ce9178}.hljs-regexp,.hljs-template-tag{color:#9a5334}.hljs-subst,.hljs-function,.hljs-title,.hljs-params,.hljs-formula{color:#e2bb0d}.hljs-comment,.hljs-quote{color:#57a64a;font-style:italic}.hljs-doctag{color:#c5c714}.hljs-meta,.hljs-meta-keyword,.hljs-tag{color:#9b9b9b}.hljs-variable,.hljs-template-variable{color:#bd63c5}.hljs-attr,.hljs-attribute,.hljs-builtin-name{color:#9cdcfe}.hljs-section{color:gold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}.hljs-bullet,.hljs-selector-tag,.hljs-selector-id,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo{color:#d7ba7d}.hljs-addition{background-color:#144212;display:inline-block;width:100%}.hljs-deletion{background-color:#600;display:inline-block;width:100%}.code-show-hide{position:relative;margin-top:3em}.code-show-hide input{display:none}.code-show-hide label{position:absolute;top:-1em;left:0;padding:5px;color:#cb852a;background:#a10304;font-weight:bold;border-radius:5px;cursor:pointer;transition:color .2s}.show-code:checked+pre:not(.visible){transition:all .3s ease-out}.code-show-hide label:hover{color:#fff}.code-show-hide pre{overflow:auto;scrollbar-color:#a10304 #cb852a;scrollbar-width:thin}.code-show-hide pre::-webkit-scrollbar{width:2px;height:2px}.code-show-hide pre::-webkit-scrollbar-thumb{background:#cb852a}.code-show-hide pre::-webkit-scrollbar-track{margin:10px;background:#a10304}.code-show-hide pre:not(.visible){max-height:0;transition:all .3s ease-out}pre h4{text-align:left;font-weight:bold;font-size:.9em;color:#cb852a;text-decoration:underline;margin:1.5em 0 -3em .5em;position:relative}pre h4:after{content:" :"}pre h4 div.copy-code{position:absolute;top:0;right:0;color:#cb852a;background:#1e1e1e;border:1px solid #a10304;border-radius:5px;padding:5px 10px;cursor:pointer;margin-right:5px;font-weight:bold;transition:transform .2s,color .2s;will-change:transform}pre h4 div.copy-code:hover{color:#a10304;transform:scale(1.1);outline:none}pre h4 div.copy-code.copy-succeed:after{content:"Code copied in clipboard !";position:absolute;padding:5px 10px;top:120%;right:0;color:#cb852a;background:#1e1e1e;border:1px solid #c9be9f;border-radius:5px}code{font-size:.75em;scrollbar-color:#a10304 #cb852a;scrollbar-width:thin}code::-webkit-scrollbar{width:5px;height:5px}code::-webkit-scrollbar-thumb{background:#cb852a}code::-webkit-scrollbar-track{margin:10px;background:#a10304}code p{color:#cb852a;text-align:left}code p em{color:#a10304}pre.default{margin-top:1em}pre.default code b{color:#cb852a}.video-container{margin-top:1em}.content .thumbnail-container{width:100%;margin-top:20px;overflow-x:auto}.content pre.shell{margin-top:1.5em}.content pre.shell code{font-size:.75em;pointer-events:none;display:block;overflow-x:auto;padding:1em;background:#1e1e1e;color:#c0cde0;border:1px #a10304 solid;border-radius:5px}.content ul{margin-top:2em}.content ul li{line-height:1.5;padding-bottom:.5em}.content ul li:before{content:"";display:inline-block;width:.4em;height:.4em;background:#cb852a;border-radius:50%;vertical-align:middle}.content ul mark{background:#cb852a;font-size:.85em;padding:.1em .3em}