/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;text-decoration:none;outline:none;color:#20638f}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0}textarea{overflow:auto}#menu #breadcrumb .active,optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}#menu h1,#menu ul,legend,td,th{padding:0}@font-face{font-family:"Noto Sans";font-style:italic;font-weight:400;src:local("Noto Sans Italic"),local("NotoSans-Italic"),url(/font/NotoSans-Italic.eot) format("embedded-opentype"),url(/font/NotoSans-Italic.svg) format("svg"),url(/font/NotoSans-Italic.ttf) format("truetype"),url(/font/NotoSans-Italic.woff) format("woff"),url(/font/NotoSans-Italic.woff2) format("woff2")}@font-face{font-family:"Noto Sans";font-style:italic;font-weight:700;src:local("Noto Sans Bold Italic"),local("NotoSans-BoldItalic"),url(/font/NotoSans-BoldItalic.eot) format("embedded-opentype"),url(/font/NotoSans-BoldItalic.svg) format("svg"),url(/font/NotoSans-BoldItalic.ttf) format("truetype"),url(/font/NotoSans-BoldItalic.woff) format("woff"),url(/font/NotoSans-BoldItalic.woff2) format("woff2")}@font-face{font-family:"Noto Sans";font-style:normal;font-weight:400;src:local("Noto Sans"),local("NotoSans"),url(/font/NotoSans.eot) format("embedded-opentype"),url(/font/NotoSans.svg) format("svg"),url(/font/NotoSans.ttf) format("truetype"),url(/font/NotoSans.woff) format("woff"),url(/font/NotoSans.woff2) format("woff2")}@font-face{font-family:"Noto Sans";font-style:normal;font-weight:700;src:local("Noto Sans Bold"),local("NotoSans-Bold"),url(/font/NotoSans-Bold.eot) format("embedded-opentype"),url(/font/NotoSans-Bold.svg) format("svg"),url(/font/NotoSans-Bold.ttf) format("truetype"),url(/font/NotoSans-Bold.woff) format("woff"),url(/font/NotoSans-Bold.woff2) format("woff2")}@font-face{font-family:"Inconsolata";font-style:normal;font-weight:400;src:local("Inconsolata Regular"),local("Inconsolata-Regular"),url(/font/Inconsolata-Regular.eot) format("embedded-opentype"),url(/font/Inconsolata-Regular.svg) format("svg"),url(/font/Inconsolata-Regular.ttf) format("truetype"),url(/font/Inconsolata-Regular.woff) format("woff"),url(/font/Inconsolata-Regular.woff2) format("woff2")}@font-face{font-family:"Inconsolata";font-style:normal;font-weight:700;src:local("Inconsolata Bold"),local("Inconsolata-Bold"),url(/font/Inconsolata-Bold.eot) format("embedded-opentype"),url(/font/Inconsolata-Bold.svg) format("svg"),url(/font/Inconsolata-Bold.ttf) format("truetype"),url(/font/Inconsolata-Bold.woff) format("woff"),url(/font/Inconsolata-Bold.woff2) format("woff2")}*{font-family:"Noto Sans",serif}a:hover{color:#164666}#ajax-screen{top:50px;left:0;right:0;bottom:0;position:fixed;z-index:800;background:#fff;display:none;overflow:hidden}.trianglify-banner{height:200px;padding:0;width:100%;position:relative;margin:0 0 30px}.trianglify-banner>div{position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.trianglify-banner h1{font-size:48px;margin:10px 15px}.trianglify-banner h2{font-size:40px;margin:10px 15px}#ajax-wave,main.error:after{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#ajax-wave{width:1vmax;height:1vmax;background:red;border-radius:50%;background:-webkit-radial-gradient(center ellipse,#fff 0%,rgba(255,255,255,0) 50%);background:radial-gradient(ellipse at center,#fff 0%,rgba(255,255,255,0) 50%);z-index:800;position:fixed}main.old{z-index:500}main{background:#fff;padding:30px;font-family:"Quattrocento Sans",sans-serif;-webkit-transition:left .5s;transition:left .5s}main h1,main h2,main h3,main h4,main h5,main h6{font-weight:400}main article{padding:0 15px;max-width:1000px;margin:auto}main .hljs-comment{color:#1abc9c}main .hljs-number,main .hljs-rule,main .hljs-string,main .hljs-tag,main .hljs-value{color:#c0392b}main .hljs-title{color:#8e44ad}main .hljs-attribute{color:#3498db}main .hljs-keyword{color:#e67e22}main .hljs-value .hljs-css{color:#e74c3c}main footer{width:100%;text-align:center;padding-top:40px;padding-bottom:40px}main footer a{color:#333;padding:20px;font-size:26px}main footer a i.fa.fa-twitter{color:#5ea9dd;font-size:30px}main footer a:hover{text-decoration:none;color:#000}main.error{z-index:50}main.error:after{content:"Page Not Found";position:absolute;top:50%;left:50%}#menu,#menu a{color:rgba(0,0,0,.87)}#menu{position:fixed;top:0;left:0;width:100px;height:50px;-webkit-transition:width 0s .5s cubic-bezier(.4,0,.2,1),height 0s .5s cubic-bezier(.4,0,.2,1);transition:width 0s .5s cubic-bezier(.4,0,.2,1),height 0s .5s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:10000}#menu a{text-decoration:none;font-weight:700}#menu ul{list-style:none;margin:0}#menu h1{margin:0;font-size:18px;font-weight:700}#menu h2,#menu h3{font-size:22px;margin:0 0 5px;padding:0}#menu h3{font-size:16px;margin:0;font-weight:400;color:rgba(0,0,0,.75)}@media (max-width:950px){#menu .footer{display:none}}@media (max-width:600px){#menu h3{display:none}}#menu #breadcrumb{display:none;position:absolute;top:0;left:80px;right:0;height:50px;font-size:26px}#menu #breadcrumb a,#menu #breadcrumb span{display:inline-block;padding:7px 50px 7px 7px}#menu #breadcrumb a{font-weight:400!important}#menu .header{position:absolute;top:0;width:100%;padding:10px 10px 50px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),color-stop(50%,rgba(255,255,255,.6)),to(rgba(255,255,255,.01)));background:-webkit-linear-gradient(top,rgba(255,255,255,.6) 0%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.01) 100%);background:linear-gradient(to bottom,rgba(255,255,255,.6) 0%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.01) 100%)}#menu #mainmenu .wrapper,#menu .footer,#menu .header{-webkit-box-sizing:border-box;box-sizing:border-box}#menu .footer{margin:0;bottom:0;padding:30px 10px 7px;font-size:14px;font-family:"Inconsolata";text-align:right;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.01)),color-stop(50%,rgba(255,255,255,.6)),to(rgba(255,255,255,.6)));background:-webkit-linear-gradient(top,rgba(255,255,255,.01) 0%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.6) 100%);background:linear-gradient(to bottom,rgba(255,255,255,.01) 0%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.6) 100%);position:absolute;width:100%}#menu #sidemenu li{display:block;text-align:center;padding:5px 8px;margin:2px 30px;font-size:16px}#menu #sidemenu li:hover{background:#eee}#menu #sidemenu li a{font-weight:300}#menu #mainmenu .wrapper{display:inline-block;position:relative;-webkit-transform-origin:25% 25%;-ms-transform-origin:25% 25%;transform-origin:25% 25%;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:all .25s;transition:all .25s;opacity:0;border-radius:3px;overflow:hidden;width:30%;height:43vh;margin:4vh 3% 0 0;border:1px solid rgba(0,0,0,.2)}@media (max-width:950px){#menu #mainmenu .wrapper{width:46%;height:29vh;margin:3vh 3% 0 0}}@media (max-width:400px){#menu #mainmenu .wrapper{width:92%;height:14vh;margin:2vh 3% 0 0}}#menu #mainmenu .wrapper:hover{-webkit-box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.6);cursor:pointer}#menu #mainmenu .block{background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%}#menu #menubar,#menu.bar{-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2);box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}#menu #menubar{background:#fff;position:absolute;left:0;top:0;opacity:0;-webkit-transition:all .2s .2s cubic-bezier(0,0,.2,1);transition:all .2s .2s cubic-bezier(0,0,.2,1);width:0;height:0}#menu.bar{width:100%;height:50px}#menu.bar #breadcrumb{display:block}#menu.bar #menubar{opacity:1;width:100%;height:50px}#menu #menutitle{font-family:"Inconsolata";position:absolute;top:160px;width:200px;opacity:0;text-align:center;-webkit-transition:opacity .3s;transition:opacity .3s}#menu #logo,#menu #logo img{-webkit-transition:all .25s cubic-bezier(.4,0,.2,1);transition:all .25s cubic-bezier(.4,0,.2,1)}#menu #logo{cursor:pointer;position:absolute;left:20px;top:0;border:none;background:0 0;-webkit-box-shadow:none;box-shadow:none;padding:0;outline:none;z-index:5}#menu #logo img{height:50px}#menu #sidemenu{position:absolute;top:220px;left:0;width:200px;bottom:0;z-index:-1;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}#menu #mainmenu{position:absolute;left:200px;top:0;right:0;bottom:0;height:100%}#menu.hide #logo,#menu.show #breadcrumb{opacity:0}#menu.show{height:100%;width:100%;-webkit-transition-delay:0s;transition-delay:0s}#menu.show #logo{left:38px;top:20px}#menu.show #logo img{height:129px}#menu.show #menubar{opacity:1;width:100%;height:100%;bottom:0;-webkit-transition-delay:0s;transition-delay:0s}#menu.show #sidemenu{z-index:0}#menu.show #menutitle,#menu.show #sidemenu{opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}#menu.show #mainmenu .wrapper{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}#menu.clicked #mainmenu .wrapper:not(.selected){-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}#menu.clicked #mainmenu .wrapper.selected{-webkit-box-shadow:none;box-shadow:none;border:none}#menu.clicked #menutitle,#menu.clicked #sidemenu{opacity:0}#menu.clicked #logo img{opacity:0;-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}body,html{margin:0;padding:0}body{font-size:15px;line-height:18px;overflow:hidden}#keybox,canvas{top:0;position:fixed}canvas{left:0;width:100%;height:100%}#keybox,#keybox #keyMore{border-bottom-left-radius:5px;right:0;color:#fff}#keybox{z-index:2;width:300px;height:70px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;background:#000;font-size:26px;padding:12px;-webkit-transition:opacity .5s;transition:opacity .5s}#keybox #keyClose{position:absolute;top:7px;right:7px;z-index:10;display:inline-block;line-height:.7;font-weight:700;color:#000;padding:4px;background:rgba(255,255,255,.5);border:1.5px solid rgba(0,0,0,.5);border-radius:4px;cursor:pointer}#keybox #keyMore{position:absolute;bottom:0;left:0;text-align:center;padding:5px;font-size:20px;background-color:rgba(231,76,60,.8);-webkit-transition:all .3s;transition:all .3s;cursor:pointer}#keybox #keyMore:hover{background-color:rgba(231,76,60,.5)}#keybox #keyMove:before{content:"Press keys to move!"}#keybox.first{height:45px}#keybox.first #keyMore{display:none}#keybox.first #keyMove:before{content:"Key information";cursor:pointer}#keybox #keyWrap{position:fixed;left:-100%;top:0;bottom:0;width:100%;opacity:0;overflow:hidden;-webkit-transition:opacity .5s .5s;transition:opacity .5s .5s}#keybox #keyboard{right:200px;position:absolute;top:45px}#keybox #keyArrows{height:156px;width:auto;position:absolute;right:50px;top:50px}#keybox #sidePanel{height:100%;width:auto;position:absolute;top:0;left:0}#keybox #diagram1,#keybox #diagram2,#keybox #keyInfo img{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}#keybox #keyInfo img{position:absolute;display:none}#keybox #diagram3{top:2.5%;left:50%;max-width:100%;max-height:45%}#keybox #diagram1,#keybox #diagram2{top:52.5%;left:75%;max-width:50%;max-height:45%}#keybox #diagram2{left:25%}@media (orientation:portrait){#keybox #diagram1,#keybox #diagram2,#keybox #diagram3{top:2.5%;left:50%;max-width:100%;max-height:30%}#keybox #diagram1,#keybox #diagram2{top:35%}#keybox #diagram2{top:68.5%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}}#keybox #keyDiagram1{position:absolute;bottom:10px;right:620px;height:45%;width:auto}#keybox #keyDiagram2{position:absolute;top:10px;right:750px;height:45%;width:auto}#keybox.on{-webkit-animation:keyblack 1.5s forwards;animation:keyblack 1.5s forwards}#keybox.on #keyInfo img{display:block}#keybox.on #keyWrap{left:0;opacity:1}#keybox.on #keyMove{display:none}#keybox.on #keyMore{opacity:0;height:0}#keybox.off{opacity:0}#keybox.hide{display:none}@-webkit-keyframes keybox{0%{width:300px;height:200px;background:#2ecc71}40%{width:100%;height:100%}60%{width:100%;height:100%;background:#000}to{width:100%;height:100%;background:0 0}}@keyframes keybox{0%{width:300px;height:200px;background:#2ecc71}40%{width:100%;height:100%}60%{width:100%;height:100%;background:#000}to{width:100%;height:100%;background:0 0}}@-webkit-keyframes keyblack{0%{width:300px;height:200px}to{width:100%;height:100%;background:#000}}@keyframes keyblack{0%{width:300px;height:200px}to{width:100%;height:100%;background:#000}}#keyboard,body{font-family:sans-serif}#keyboard span.red{background:#e74c3c}#keyboard span.green{background:#27ae60}#keyboard span.blue{background:#2980b9}#keyboard span.purple{background:#8e44ad}#keyboard div.inset{padding-left:20px}#keyboard span{text-transform:uppercase;width:38px;height:38px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:3px;margin:2px;border:2.5px solid #fff;border-radius:5px;background:red;color:#fff;display:inline-block;font-size:16px;position:relative}#keyboard span.down:after,#keyboard span.left:after,#keyboard span.right:after,#keyboard span.up:after{text-align:center;font-weight:700;font-size:20px;position:absolute;top:0;left:0;right:0;content:"\2192"}#keyboard span.down:after,#keyboard span.left:after,#keyboard span.up:after{content:"\2190"}#keyboard span.down:after,#keyboard span.up:after{content:"\2191"}#keyboard span.down:after{content:"\2193"}#keyboard .keyboard.large span{font-size:24px;font-weight:700;text-align:center;line-height:1.25}#keyboard span.blank{background:0 0;border:none}#keyboard span.spacebar{width:206px;text-align:center}#keyboard span.enter{width:70px;overflow:visible;border-radius:5px 5px 0 5px}#keyboard span.enter:before{content:"\21B5";position:absolute;left:5px;top:3px;font-size:25px;line-height:1}#keyboard span.enter:after{content:" ";position:absolute;right:-2.5px;top:33px;height:40px;width:40px;background:inherit;display:inline-block;border:2.5px solid #fff;border-radius:0 0 5px 5px;border-top:none}