html{height:100%}body{margin:0px;padding:0px;color:#000;background-color:#fff;text-align:left;font:300 15px/23px "Queue Web",sans-serif;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal}#wrapper{width:100%;overflow:hidden;background-color:#ffffff}header{height:136px;padding:0;margin:0;position:relative;background:#0a78a0 url("header_arrow.svg") no-repeat right top}header h1{height:136px;width:860px;margin:0 auto}header h1 a{width:601px;height:100%;display:block;float:right;margin-right:0px;background:#0a78a0 url("opentype_cookbook_header.svg") no-repeat right top;text-indent:-9999px}header h2{position:relative;top:-47px;margin-left:770px;color:#e6fa82;font-weight:normal;font-size:14px;text-align:center}#menu_toggle{display:none}#nav_wrapper{width:920px;margin:0 auto;padding-left:30px;box-sizing:border-box}nav{width:221px;padding:69px 0 22px 0;position:fixed;top:0;z-index:2;-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;background-color:#e6fa82}nav ul{padding:0;margin:0 24px}nav ul li{list-style:none inside;font:16px/32px 'Queue Web', sans-serif;font-weight:400;color:#0a78a0;border-bottom:1px solid #ffffff}nav ul li:first-child{border-top:1px solid #ffffff}nav ul li:last-child{border-bottom:0 none}nav ul li.active{font-weight:600}nav ul li a{display:block;color:#0a78a0;text-decoration:none}nav ul li a:hover{font-weight:600}nav #menu_close{display:none}article{width:600px;position:relative;left:0;margin:0 auto;padding-left:250px;padding-bottom:80px;background-color:#ffffff}article h1,article h2,article h3,article h4{color:#0a78a0;padding:0;margin:1em 0 0.5em 0;font-weight:600}article h1{font-size:35px;line-height:30px}article h2{font-size:25px;line-height:25px}article h3{font-size:20px;line-height:25px}article h4{font-size:16px;line-height:30px}article strong{font-weight:500}article p{margin:0 0 0.5em 0}article a{color:#0a78a0;font-weight:500;text-decoration:none}article a:hover{text-decoration:underline}article code{font-family:'Queue Mono Web', sans-serif;font-weight:400;color:#0a78a0;background:#faffe1;padding:0 0.2em}article ol{padding-left:1.5em;list-style-type:none;counter-reset:li-counter}article ol>li{position:relative;padding-left:0.5em}article ol>li:before{position:absolute;top:0;left:-1.5em;width:1.5em;display:block;color:#0a78a0;text-align:right;font-weight:bold;-moz-font-feature-settings:"tnum" 1;-moz-font-feature-settings:"tnum=1";-ms-font-feature-settings:"tnum" 1;-o-font-feature-settings:"tnum" 1;-webkit-font-feature-settings:"tnum" 1;font-feature-settings:"tnum" 1;content:counter(li-counter);counter-increment:li-counter}article ul{padding-left:1.5em;list-style-type:none}article ul>li{position:relative;padding-left:0.2em}article ul>li:before{position:absolute;top:0;left:-1.8em;width:1.5em;display:block;text-align:right;color:#0a78a0;content:"•"}article .highlight pre{font-family:'Queue Mono Web', sans-serif;font-weight:300;background:#faffe1;padding:1em 1em 1em 1.5em}article .highlight code{font-weight:300;padding:0}article img,article object{margin:1em 0;width:100%}footer{background:transparent url("footer_arrow.svg") no-repeat right top;margin-top:50px}footer a{margin:0 20px;padding:0 15px;background-color:#ffffff}@media only screen and (max-width: 920px){.no-js header,.no-js #nav_wrapper,.no-js #wrapper{min-width:920px}.no-js nav{position:absolute}.js .loaded header,.js .loaded nav,.js .loaded article{transition:left 0.2s;-moz-transition:left 0.2s;-webkit-transition:left 0.2s;-o-transition:left 0.2s}.js #wrapper{position:relative;width:100%}.js header{width:100%;top:0;left:0}.js header h1{width:auto;text-align:center}.js header h1 a{display:inline-block;float:none}.js header h2{margin-left:520px}.js .open-flyout article,.js .open-flyout header{left:221px}.js .open-flyout nav{left:0}.js #menu_toggle{position:fixed;left:50%;top:87px;margin-left:-374px;display:block;width:56px;height:39px;padding:0;background:transparent url("/media/nav_menu.svg") no-repeat left top;-webkit-background-size:56px, 39px;-o-background-size:56px, 39px;background-size:56px, 39px}.js nav{top:0px;left:-221px;padding-top:40px;margin-left:0;height:100%;position:fixed;box-sizing:border-box;overflow:scroll;-webkit-overflow-scrolling:touch;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px}.js nav #menu_close{display:block;position:absolute;top:10px;right:10px;text-decoration:none;color:#0a78a0;font-size:40px}.js article{margin:0 auto;padding-left:0;float:none;overflow:hidden;left:0;top:0;position:relative}}@media only screen and (max-width: 767px){.js #menu_toggle{position:absolute;margin-left:10px;top:61px;left:0}.js header{height:110px;background-image:url("header_arrow_small.svg")}.js header h1{height:110px;width:100%;text-align:left}.js header h1 a{width:170px;height:100%;display:block;float:none;margin-left:65px;background-image:url("opentype_cookbook_header_small.svg")}.js header h2{display:none}}@media only screen and (max-width: 767px) and (max-width: 620px){.js article{width:auto;margin-left:20px;margin-right:20px}.js article h1{font-size:30px;line-height:25px}.js article h2{font-size:20px;line-height:20px}.js article h3{font-size:18px;line-height:23px}.js article h4{font-size:16px;line-height:30px}}.highlight .c{color:rgba(0,0,0,0.6)}.highlight .k{color:#0a78a0}.highlight .n{color:#000}.highlight .p{color:#000}.highlight .kn{color:#0a78a0}.highlight .s{color:#000}.highlight .nc{color:#009632}.highlight .nf{color:#f56464}.highlight .nt{color:#009632}.highlight .mf{color:#000}.highlight .mh{color:#000}.highlight .mi{color:#000}.highlight .mo{color:#000}