@media (min-width:900px){nav{overflow-x:hidden;overflow-y:hidden}nav.off .nav-txtr{opacity:.1}main,nav{animation:none;transition:background-color .3s,color .3s,opacity .3s,box-shadow .3s,flex .3s;transform-origin:50% 100%;flex:1}nav.off ul li a{color:#323232}main.expand section{max-width:1100px}nav.shrink{pointer-events:none;flex:0 0 140px}nav.shrink #nav-link-home{display:none}nav.shrink>div,nav.shrink>ul{opacity:0}.shrinkbar{opacity:1;z-index:10;padding:1rem 1.5rem;text-align:center;transition:opacity .3s .1s,left .2s,right .2s,top .2s;pointer-events:auto;cursor:pointer}.shrinkbar.main{font-family:"Work Sans",sans-serif;font-weight:700;display:block;background:rgba(247,247,247,.87);top:0;transition:none;right:0;left:50%;color:rgba(0,0,0,.5)}.shrinkbar.main:hover{color:rgba(0,0,0,.9);background:#eee}main.expand .shrinkbar.main{opacity:0;pointer-events:none;top:-100px}nav.shrink .shrinkbar.nav{opacity:1;pointer-events:auto;left:0}.shrinkbar.nav{display:block;position:fixed;top:0;bottom:0;opacity:0;font-family:"Work Sans",sans-serif;font-weight:700;color:rgba(190,98,214,.7);padding:0;width:140px;left:-10rem;transition:background .2s}.shrinkbar.nav:hover{color:rgba(190,98,214,.93);background:#5fe6ba}.shrinkbar.nav .inner{transform:rotate(-90deg);top:50%;right:0;position:absolute;transform-origin:50% 50%;pointer-events:none;font-size:1.3rem}nav .shrinkbar.nav .inner{left:-7px;opacity:0;transition:all .2s}nav.shrink .shrinkbar.nav .inner{opacity:1}.shrinkbar .larr,.shrinkbar .rarr{position:absolute;font-size:2rem;top:40%;transform:translateY(-50%)}.shrinkbar .larr{left:1.5rem}.shrinkbar .rarr{right:1.5rem}.shrinkbar.nav .barr,.shrinkbar.nav .tarr{position:absolute;font-size:2rem;left:53px;color:rgba(255,255,255,.3)}.shrinkbar .tarr{top:2rem}.shrinkbar .barr{bottom:2rem}.shrinkbar.nav:hover .barr,.shrinkbar.nav:hover .tarr{color:rgba(0,0,0,.3);font-weight:700}.off .shrinkbar{opacity:.3;pointer-events:none}nav.on{z-index:3}nav.off{background:#222}nav.off ul li a:before,nav.off ul li.cycled a:before{background:#171717}nav.off ul li.active a:before{background:#111}nav ul{position:absolute;right:0;left:0;top:50%;transform:translateY(-50%)}nav ul li.active a:after{position:absolute;opacity:1;background:rgba(255,255,255,.25);height:8px;bottom:0;right:0;left:0;z-index:-1}nav ul li.active:before{position:absolute;content:'';opacity:1;width:180px;height:180px;border-radius:50%;left:36%;transform:translate(-65%,-50%);top:57%;background:#ff769d;z-index:-2;right:initial;transition:all .3s}nav ul li.active a:hover:after,nav ul li.active.cycled a:after{background:rgba(255,255,255,.4)}nav ul li{margin-bottom:30px;position:relative;padding-bottom:9px}nav ul li a{position:relative}nav.on ul li a:hover:before,nav.on ul li.cycled a:before{background:#cf7edb}nav ul li a:before{bottom:-2px;left:-33px;height:45px}nav ul li a,nav ul li a:active,nav ul li a:hover,nav ul li a:visited{font-size:7.2vw}nav ul li a:hover:before,nav ul li.cycled a:before{height:45px;left:100px;box-shadow:-10px 8px 0 rgba(0,0,0,.05);width:180%}#nav-link-home{top:40px;right:60px;width:120px;font-size:2em;border:5px solid transparent;opacity:1;transition:opacity .3s}#nav-link-home a{box-shadow:0 7px 7px rgba(20,40,20,.08);border-radius:120px;overflow:hidden;border:5px solid #df8ef9;cursor:pointer}#nav-link-home.cycled a,#nav-link-home:hover a{box-shadow:0 10px 14px rgba(20,40,20,.28);border:5px solid #dc79fb}#nav-link-home:before{opacity:0}#nav-link-home.cycled:before,#nav-link-home:hover:before{opacity:1}nav.off #nav-link-home{opacity:0}#nav-link-home a{text-decoration:none;background:0 0}nav ul li a:focus{background:initial}nav ul li.active,nav.on ul li.active{transition:all .3s}nav ul li.active a{cursor:default}nav.off ul li.active a:after{background:rgba(255,255,255,.04)}nav.off ul li.active:before{background:#171717}nav.on ul li .nav-tip{position:absolute;right:13px;bottom:21px;line-height:0;color:rgba(255,255,255,.6);font-size:16px;text-align:right;font-weight:700;opacity:0;transition:all .2s;font-style:italic}nav.on ul li .nav-tip span{margin-right:6px;padding:7px 11px;border:3px solid rgba(255,255,255,.3);border-radius:5px;font-stretch:normal}nav.on ul li .nav-tip-ent{bottom:17px}nav.on ul li .nav-tip-ent span{padding:3px 11px}nav.on ul li.cycled .nav-tip-ent{opacity:0;transition:all .1s .2s}nav.on ul li.active .nav-tip-ent,nav.on ul li.cycled.active .nav-tip-ent{opacity:0;display:none}nav.on ul li.active .nav-tip-r{opacity:0;transition:all .2s}nav.on ul li.active.cycled .nav-tip-r,nav.on ul li.active:hover .nav-tip-r{opacity:1}nav.off ul li .nav-tip{opacity:0}main{background:#fff;overflow-y:auto;z-index:2;font-size:1.2em}main section{max-width:800px;margin:0 auto;overflow-y:auto;position:relative}main.on section{opacity:1}main article,main section{transition:opacity .3s}main.on,main.on h1,main.on h2,main.on h3,main.on h4,main.on h5,main.on h6,main.on p,main.on ul li{color:#333}main.on p,main.on ul li{background:initial}p{transition:color .3s}main,nav{flex:1}@keyframes nav-switch-bounce-on-main{0%{flex:1;margin-right:0;padding-right:0}}@keyframes nav-switch-bounce-on-nav{0%{flex:1}}@keyframes nav-switch-bounce-off-main{100%{flex:1}}@keyframes nav-switch-bounce-off-nav{100%{flex:1}}.nav-instr-nav{transition:opacity 1s}nav.on .nav-instr-nav{right:0;top:47%;transform:translateY(-50%);color:#fff;border-top-left-radius:7px;border-bottom-left-radius:7px;opacity:1;position:absolute}.nav-instr-nav:before{position:fixed;content:'';height:200px;width:200px;right:-100px;border-radius:50%;background:#b1db7d;top:50%;transform:translateY(-50%);z-index:-1}.nav-instr-nav .text-key{display:inline-block;margin-right:8px;line-height:1.2em;margin-left:3px}.nav-instr-text{position:fixed;transform:translateY(-50%) rotate(-90deg);transform-origin:50% 50%;right:-134px;font-weight:700;width:300px;text-align:center;top:50%}nav.off .nav-instr-nav{opacity:0}main.off:not(.expand) a,main.off:not(.expand) a.btn,main.off:not(.expand) h1,main.off:not(.expand) h2,main.off:not(.expand) h3,main.off:not(.expand) h4,main.off:not(.expand) h5,main.off:not(.expand) h6,main.off:not(.expand) p,main.off:not(.expand) ul li{color:#aaa;transition:color .3s}main.off a.linker{opacity:0}code{transition:all .3s}main.off code{background:#ddd;border-left-color:#ccc}main:not(.expand) figure{background:#f2f2f2}main:not(.expand) img,main:not(.expand) video{opacity:.12;transition:opacity .4s}main.on img,main.on video{opacity:1}main .symbol-bg-01{overflow-y:visible}main.off .heading-rot-l:before{background:rgba(0,0,0,.1)}main.off .screen-rot:before{background:0 0}}@media (min-width:1950px){main{flex:1.25}.shrinkbar.main{left:44.55%}main.expand section{max-width:1500px}main section{max-width:1100px}}