body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{overflow-y:scroll;font-family:Roboto,sans-serif}h1{font-weight:500}h1.page-title{margin-top:0;margin-bottom:10px;text-align:left;font-size:3em}h1.page-title a{text-decoration:none;font-weight:500;color:#000}.header-menu{text-align:left;margin-left:0}.title{text-align:center}.title.no-pad{padding-bottom:0}.container{width:1200px;margin:0 auto;padding:0 20px;-webkit-transition:all .5s linear;transition:all .5s linear}.content-container{float:left;width:100%}.content-container-appear,.content-container-enter{opacity:0}.content-container-appear-active,.content-container-enter-active{opacity:1;-webkit-transition:all .2s;transition:all .2s}.content-container-exit{opacity:1}.content-container-exit-active{opacity:0;-webkit-transition:all .2s;transition:all .2s}.diagram-container{width:40%;float:left;position:sticky;position:-webkit-sticky;top:-10px}.diagram-container h1{background:#ddd;border-radius:10px}.article-container{width:60%;float:left}a{cursor:pointer}.circle-container{height:340px;padding:0;border-radius:50%;list-style:none;box-sizing:initial;margin:8em auto 4em;width:340px;position:relative}.circle-container>*{display:block;position:absolute;top:50%;left:50%;width:130px;height:130px;margin:-65px}.circle-container>:first-of-type{-webkit-transform:rotate(-60deg) translate(170px) rotate(60deg);transform:rotate(-60deg) translate(170px) rotate(60deg)}.circle-container>:nth-of-type(2){-webkit-transform:rotate(0deg) translate(170px) rotate(0deg);transform:rotate(0deg) translate(170px) rotate(0deg)}.circle-container>:nth-of-type(3){-webkit-transform:rotate(60deg) translate(170px) rotate(-60deg);transform:rotate(60deg) translate(170px) rotate(-60deg)}.circle-container>:nth-of-type(4){-webkit-transform:rotate(120deg) translate(170px) rotate(-120deg);transform:rotate(120deg) translate(170px) rotate(-120deg)}.circle-container>:nth-of-type(5){-webkit-transform:rotate(180deg) translate(170px) rotate(-180deg);transform:rotate(180deg) translate(170px) rotate(-180deg)}.circle-container>:nth-of-type(6){-webkit-transform:rotate(240deg) translate(170px) rotate(-240deg);transform:rotate(240deg) translate(170px) rotate(-240deg)}.arrow-container{position:relative;height:200px;padding:0;border-radius:50%;list-style:none;box-sizing:initial;width:200px;left:-35px;top:135px;position:absolute}.arrow-container>*{display:block;position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px}.arrow-container>:first-of-type{-webkit-transform:rotate(-60deg) translate(100px) rotate(60deg);transform:rotate(-60deg) translate(100px) rotate(60deg)}.arrow-container>:nth-of-type(2){-webkit-transform:rotate(0deg) translate(100px) rotate(0deg);transform:rotate(0deg) translate(100px) rotate(0deg)}.arrow-container>:nth-of-type(3){-webkit-transform:rotate(60deg) translate(100px) rotate(-60deg);transform:rotate(60deg) translate(100px) rotate(-60deg)}.arrow-container>:nth-of-type(4){-webkit-transform:rotate(120deg) translate(100px) rotate(-120deg);transform:rotate(120deg) translate(100px) rotate(-120deg)}.arrow-container>:nth-of-type(5){-webkit-transform:rotate(180deg) translate(100px) rotate(-180deg);transform:rotate(180deg) translate(100px) rotate(-180deg)}.arrow-container>:nth-of-type(6){-webkit-transform:rotate(240deg) translate(100px) rotate(-240deg);transform:rotate(240deg) translate(100px) rotate(-240deg)}.circle{background-color:#000;border-radius:50%/50%;opacity:1;width:130px;height:130px;z-index:1;position:relative;-webkit-transition:transform .15s;-webkit-transition:-webkit-transform .15s linear}.circle,.circle.active,.circle:hover{transition:-webkit-transform .15s linear;transition:transform .15s linear;transition:transform .15s linear,-webkit-transform .15s linear}.circle.active,.circle:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:transform .15s linear;-webkit-transition:-webkit-transform .15s linear}.circle.arrow,.circle.inactive{-webkit-transform:scale(1);transform:scale(1)}.circle.arrow{position:absolute;height:80px;width:80px;background-color:initial;border:none}.circle.center{-webkit-transform:translate(0);transform:translate(0);position:absolute;-webkit-transition:transform .15s;-webkit-transition:-webkit-transform .15s linear;transition:-webkit-transform .15s linear;transition:transform .15s linear;transition:transform .15s linear,-webkit-transform .15s linear}.circle.center:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.circle.center.active,.circle.center.active:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:transform .15s linear;-webkit-transition:-webkit-transform .15s linear;transition:-webkit-transform .15s linear;transition:transform .15s linear;transition:transform .15s linear,-webkit-transform .15s linear}.circle.center a{color:#fff}.circle-text{font-family:Roboto,sans-serif;font-size:1em;font-weight:500;color:#000;z-index:3;width:85%;height:100%;margin:0 auto;position:relative;display:table}.circle-text-appear,.circle-text-enter{opacity:0}.circle-text-appear-active,.circle-text-enter-active{opacity:1;-webkit-transition:all .2s;transition:all .2s}.circle-text-exit{opacity:1}.circle-text-exit-active{opacity:0;-webkit-transition:all .2s;transition:all .2s}.circle-links{display:table-cell;vertical-align:middle;height:100%;text-align:center}.circle-links a{color:#000;cursor:pointer;text-decoration:none;-webkit-transition:all .1s linear;transition:all .1s linear;z-index:3;padding:8px 0;display:block}.circle-links a:hover{color:#fff}.circle.center p{padding:6px 0;color:#fff}.header{margin-top:1em;text-align:center}.header li{display:inline-block;font-size:18px;padding:0 20px 0 0;cursor:pointer}.hexagon{position:relative;width:173px;height:300px;left:68px;background-color:#000}.hexagon:after,.hexagon:before{content:"";position:absolute;border-bottom:150px solid transparent;border-top:150px solid transparent}.hexagon:before{right:100%;border-right:86.5px solid #000}.hexagon:after{left:100%;border-left:86.5px solid #000;top:0}.hexagon.inner{left:0;-webkit-transform:scale(.97);transform:scale(.97);background-color:#fff;border-color:#fff;z-index:1;-webkit-transition:all .5s linear;transition:all .5s linear}.hexagon.inner:before{border-right-width:86.5px;border-right-style:solid;border-right-color:inherit;right:99.7%}.hexagon.inner:after{border-left-width:86.5px;border-left-style:solid;border-left-color:inherit;left:99.7%}.icons{width:80%;height:80%;z-index:2;position:absolute;margin:10%;opacity:.4;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-filter:brightness(.2);filter:brightness(.2)}.icons.small{opacity:1}.icons.arrow{height:100%;width:100%;margin:0;z-index:1;position:absolute;opacity:1}.article{font-family:"PT Serif",serif;font-size:1.1em;line-height:1.6em;color:#000;margin:0 auto;width:97%;padding-left:3%;padding-bottom:100px;position:relative}.article:empty{display:none}.article h1,.article h2,.article h3,.article h4,.article h5{font-family:Roboto,sans-serif;font-weight:500}.article h1{font-size:2.2em}.article h2{font-size:2em;line-height:1.1em}.article h3{font-size:1.7em;line-height:1.1em}.article h4{font-size:1.4em}.article h4,.article h5{font-weight:700;margin:10px 0}.article h5{font-size:1.1em}.article p.sig{text-align:right}.article a{font-family:Roboto,"sans-serif";text-decoration:none;color:red}.article a:hover,.article a:visited:hover{color:#8b0000}.article a:visited{color:purple}.article.sig{text-align:right}.article img{display:block;margin:0 auto;width:98%;border:2px solid #000;border-radius:10px}.article img.right{float:right;width:55%;margin-left:2%}.article img.left{float:left;width:55%;margin-right:2%}.article img.img-pad-bottom{margin-bottom:2%}.article img.side-by-side{float:left;width:47.3%;margin:0 1%}.article ol{list-style-type:none;width:90%;margin-left:-5px;counter-reset:li-counter}.article ol li{position:relative;min-height:2em;margin-bottom:20px;padding:8px 12px;background-color:#e9e9e9;border-radius:8px}.article ol li:before{font-family:Roboto,sans-serif;position:absolute;font-size:1.7em;top:11px;left:-1.55em;text-align:right;width:40px;content:counter(li-counter);counter-increment:li-counter}.article ol.sub{list-style-type:decimal;margin-left:0}.article ol.sub li{position:relative;min-height:1.2em;margin:10px auto;padding:0;background-color:#e9e9e9;border-radius:0}.article ol.sub li:before{width:0;content:none}.article ul{padding-left:20px}.article ul li{padding-bottom:10px}.timeline ul{list-style:none;margin-left:10px}.timeline ul li{position:relative}.timeline ul li:before{content:"";border:7px solid #333;position:absolute;margin-left:-25px;margin-top:7px;border-radius:50%/50%}.timeline ul li:after{content:"";position:absolute;height:100%;z-index:-1;top:12px;left:-19px;border-left:3px solid #666}.timeline ul li:last-child:after{border-left:none}.article blockquote{background:#ccc;padding:1px 15px;border-radius:10px;margin-left:5%;margin-right:5%}.article blockquote.full{width:95.5%;margin:0}.article blockquote p.quote{font-style:italic}.article blockquote p.bq-title,.article blockquote p.sig{font-style:normal;font-weight:700}.article blockquote p.sig{margin-top:-10px;text-align:right}.article blockquote p.bq-key{font-style:normal}.article blockquote p.sig:before{content:"-"}.article p.rsc-title{padding:10px;background:#bbb;margin-bottom:0;border-top-left-radius:8px;border-top-right-radius:8px}.article p.rsc-solo{padding:10px;background:#bbb;border-radius:8px}.article p.rsc-desc a,.article p.rsc-solo a,.article p.rsc-title a{font-family:Roboto,"sans-serif";font-size:1.1em;text-decoration:none}.article p.rsc-desc a:hover,.article p.rsc-solo a:hover,.article p.rsc-title a:hover{color:#8b0000}.article p.rsc-desc{padding:10px;margin-top:0;background:#eee;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.article p.rsc-title a{font-size:1.1em}.section{padding-bottom:15px}.section-appear,.section-enter{opacity:0}.section-appear-active,.section-enter-active{opacity:1;-webkit-transition:all .2s;transition:all .2s}.section-exit{opacity:1}.section-exit-active{opacity:0;-webkit-transition:all .2s;transition:all .2s}span.back-btn{float:right}.clear{clear:both;display:block}.tut-img.right{float:right;width:55%;margin-left:2%}.tut-svg{float:left;height:300px;width:300px}.art-svg{float:right;height:64px;width:64px}.header-links:hover{color:red}.header-links-active{font-weight:700}.header-links-active,.router-link,.sidebar-map a{color:#000;text-decoration:none}.sidebar-map a{font-family:Roboto,"sans-serif";font-weight:400;font-size:1.2em;line-height:.2em;padding-left:5px}.sidebar-map a:hover{color:red}.sidebar-map a.active{font-weight:700}@media only screen and (max-width:375px){.container{width:98%;margin:0 auto;padding:0 1%;-webkit-transition:all .5s linear;transition:all .5s linear}h1.page-title{margin-top:0;margin-bottom:10px;text-align:center;font-size:2.2em}.diagram-container{top:0;position:relative}.article-container,.diagram-container{display:block;width:100%}.circle-container{height:246px;padding:0;border-radius:50%;list-style:none;box-sizing:initial;margin:6em auto 2em;width:246px;position:relative}.circle-container>*{display:block;position:absolute;top:50%;left:50%;width:98px;height:98px;margin:-49px}.circle-container>:first-of-type{-webkit-transform:rotate(-60deg) translate(123px) rotate(60deg);transform:rotate(-60deg) translate(123px) rotate(60deg)}.circle-container>:nth-of-type(2){-webkit-transform:rotate(0deg) translate(123px) rotate(0deg);transform:rotate(0deg) translate(123px) rotate(0deg)}.circle-container>:nth-of-type(3){-webkit-transform:rotate(60deg) translate(123px) rotate(-60deg);transform:rotate(60deg) translate(123px) rotate(-60deg)}.circle-container>:nth-of-type(4){-webkit-transform:rotate(120deg) translate(123px) rotate(-120deg);transform:rotate(120deg) translate(123px) rotate(-120deg)}.circle-container>:nth-of-type(5){-webkit-transform:rotate(180deg) translate(123px) rotate(-180deg);transform:rotate(180deg) translate(123px) rotate(-180deg)}.circle-container>:nth-of-type(6){-webkit-transform:rotate(240deg) translate(123px) rotate(-240deg);transform:rotate(240deg) translate(123px) rotate(-240deg)}.arrow-container{position:relative;width:160px;height:160px;padding:0;border-radius:50%;list-style:none;box-sizing:initial;width:200px;left:-51px;top:93px;position:absolute}.arrow-container>*{display:block;position:absolute;top:50%;left:50%;width:60px;height:60px;margin:-30px}.arrow-container>:first-of-type{-webkit-transform:rotate(-60deg) translate(80px) rotate(60deg);transform:rotate(-60deg) translate(80px) rotate(60deg)}.arrow-container>:nth-of-type(2){-webkit-transform:rotate(0deg) translate(80px) rotate(0deg);transform:rotate(0deg) translate(80px) rotate(0deg)}.arrow-container>:nth-of-type(3){-webkit-transform:rotate(60deg) translate(80px) rotate(-60deg);transform:rotate(60deg) translate(80px) rotate(-60deg)}.arrow-container>:nth-of-type(4){-webkit-transform:rotate(120deg) translate(80px) rotate(-120deg);transform:rotate(120deg) translate(80px) rotate(-120deg)}.arrow-container>:nth-of-type(5){-webkit-transform:rotate(180deg) translate(80px) rotate(-180deg);transform:rotate(180deg) translate(80px) rotate(-180deg)}.arrow-container>:nth-of-type(6){-webkit-transform:rotate(240deg) translate(80px) rotate(-240deg);transform:rotate(240deg) translate(80px) rotate(-240deg)}.circle{width:98px;height:98px}.circle.arrow{height:60px;width:60px}.circle-text{font-size:.7em}.circle.center{-webkit-transform:translate(0);transform:translate(0);position:absolute;-webkit-transition:transform .15s;-webkit-transition:-webkit-transform .15s linear;transition:-webkit-transform .15s linear;transition:transform .15s linear;transition:transform .15s linear,-webkit-transform .15s linear}.circle.center a{color:#fff}.hexagon{position:relative;width:125px;height:217px;left:48px;background-color:#000}.hexagon:after,.hexagon:before{content:"";position:absolute;border-bottom:108.5px solid transparent;border-top:108.5px solid transparent}.hexagon:before{right:100%;border-right:62.5px solid #000}.hexagon:after{left:100%;border-left:62.5px solid #000;top:0}.hexagon.inner{left:0;-webkit-transform:scale(.96);transform:scale(.96);background-color:#fff;border-color:#fff;z-index:1;-webkit-transition:all .5s linear;transition:all .5s linear}.hexagon.inner:before{border-right-width:62.5px;border-right-style:solid;border-right-color:inherit;right:99.7%}.hexagon.inner:after{border-left-width:62.5px;border-left-style:solid;border-left-color:inherit;left:99.7%}.article{font-size:1em;line-height:1.6em}.article h1{font-size:2em;line-height:1.1em}.article h2{font-size:1.8em;line-height:1.1em}.article h3{font-size:1.5em;line-height:1.1em}.article h4{font-size:1.3em}.article h4,.article h5{font-weight:700;margin:10px 0}.article h5{font-size:1.2em}.article img,.article img.left,.article img.right{display:block;float:none;margin:1% auto 5%;width:98%;border:2px solid #000;border-radius:8px}.article ul{padding-left:20px}.article ul li{padding-bottom:10px}.article ol{list-style-type:none;margin-left:-22px;counter-reset:li-counter}.article ol li{position:relative;min-height:1.5em;margin-bottom:20px;padding:8px 12px;background-color:#e9e9e9;border-radius:8px}.article ol li:before{font-family:Roboto,sans-serif;position:absolute;font-size:1.5em;top:10px;left:-1.8em;text-align:right;width:40px;content:counter(li-counter);counter-increment:li-counter}.timeline ul{list-style:none;margin-left:10px}.timeline ul li{position:relative}.timeline ul li:before{content:"";border:7px solid #333;position:absolute;margin-left:-25px;margin-top:7px;border-radius:50%/50%}.timeline ul li:after{content:"";position:absolute;height:100%;z-index:-1;top:12px;left:-19px;border-left:3px solid #666}.timeline ul li:last-child:after{border-left:none}.article blockquote{margin-left:5%;margin-right:5%;background:#ccc;padding:2px 10px;border-radius:10px}.tut-img.right{float:none;margin:0 auto;display:block}.tut-svg{float:none;width:200px;height:200px}}
/*# sourceMappingURL=main.aedaf023.chunk.css.map */