@import "https://fonts.googleapis.com/css?family=Rubik:300,400|Rubik+Mono+One";body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:400 16px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#111;background-color:#fdfdfd;-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}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#2a7ae2;text-decoration:none}a:visited{color:#1756a9}a:hover{color:#111;text-decoration:underline}blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#eef}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(800px - (30px * 2));max-width:calc(800px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width:800px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after{content:"";display:table;clear:both}.icon>svg{display:inline-block;width:16px;height:16px;vertical-align:middle}.icon>svg path{fill:#828282}html,body{width:100%;height:100%;font-family:rubik,sans-serif;font-weight:300;text-align:justify}body *{}h1{margin:0;font-family:rubik mono one,sans-serif;font-size:2em;text-align:center}h2{margin:2em 0 1em;font-size:2em;font-weight:400;text-align:center}h2 img{display:block;width:auto;height:5em;margin:auto;padding:0 1ex;border-bottom:4px solid #000;box-shadow:none}h2 input{height:1em}h3{margin:2em 0 1em;font-size:1.5em;font-weight:400}h5{margin:0;font-size:.8em;text-align:center;color:#c8c8c8}hr{margin:2em -2em 1em}a,a:link,a:visited,a:hover{color:inherit}q{font-style:italic}nav{display:flex;font-weight:400;text-align:center}@media screen and (min-width:1024px){nav{font-size:1.8em}}nav>*{flex:2}nav>* .popup{display:none}header,section{width:100%}header{display:flex;position:relative;overflow:hidden;min-height:40%;flex-direction:column;justify-content:stretch;align-items:stretch}header .hero{position:absolute;z-index:-1;left:0;right:0;top:0;bottom:-70px;background:#000 url(../img/hero_main.jpg) center center no-repeat;background-size:cover}header[data-hero=ios] .hero{background-image:url(../img/hero_ios.jpg)}header[data-hero=android] .hero{background-image:url(../img/hero_android.jpg)}header[data-hero=mac] .hero{background-image:url(../img/hero_mac.jpg)}header[data-hero=desktop] .hero{background-image:url(../img/hero_desktop.jpg)}header[data-hero=cli] .hero{background-image:url(../img/hero_cli.jpg)}header[data-hero=web] .hero{background-image:url(../img/hero_web.jpg)}header h1{height:1em;color:#fff;text-align:center}header nav:first-child{position:fixed;padding:0 20px;margin:0;left:0;right:0;background:rgba(0,0,0,.8);color:#fff}@media screen and (min-width:1024px){header nav:first-child{padding:0 100px}}header nav:first-child>*:first-child{text-align:left;font-variant:small-caps;font-weight:300}header nav:first-child>*:last-child{text-align:right;font-variant:small-caps;font-weight:300}header nav:last-child{align-content:space-evenly;color:#fff;text-shadow:0 1px 1px #fff;text-shadow:0 1px 1px #000;background:rgba(0,0,0,.6);background:rgba(255,255,255,.4)}header nav:last-child>*.active,header nav:last-child>*:hover,header nav:last-child:hover>*:hover{background:rgba(255,255,255,.6);border-bottom:3px solid}header nav:last-child>*,header nav:last-child:hover>*{transition:all .3s;background:transparent;border-bottom:3px solid transparent;border-radius:6px 6px 0 0}header.large,section{min-height:90%}section{box-sizing:border-box;padding:2em 20px;font-size:1.2em}section video{margin:1ex 2%;width:96%;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.6);object-fit:contain;box-sizing:border-box}@media screen and (min-width:1024px){section{padding:2em 100px}}footer{padding:2em 20px;border-top:1px solid #c8c8c8;background:#f0f0f0}@media screen and (min-width:1024px){footer{padding:2em 100px}}footer>div{display:flex}footer>div>div{flex:1}footer>div>div ul{list-style:none}footer p{font-size:smaller;color:#b4b4b4}input{margin:0 .3ex;font:inherit;background:#f0f0f0;box-shadow:0 0 1px #000;border-radius:4px;border:none;outline:none}input:hover{background:#c8c8c8}input[type=button]{cursor:pointer}input[type=checkbox]{display:none}input[type=checkbox]+label::before{display:inline-block;content:'';margin:0 1ex;background:#f0f0f0;box-shadow:0 0 1px #000;border-radius:4px;width:1ex;height:1ex}input[type=checkbox]:checked+label::before{background:#000}.widget_calculator table{height:200px;padding:4px;margin:1em auto;background:#c8c8c8;box-shadow:0 1px 3px #000;border-radius:4px}.widget_calculator table tr{height:20%}.widget_calculator table tr td,.widget_calculator table tr th{padding:4px}.widget_calculator table tr input{display:block;width:100%;height:100%;padding:0 1ex;margin:0;box-sizing:border-box}.widget_gallery{box-shadow:0 0 1px #000;border-radius:4px}.widget_gallery>ul{display:flex;list-style:none;justify-content:space-around}.widget_gallery>ul li{height:100px}.widget_gallery>ul li label{display:block;box-sizing:border-box;width:100%;height:100%;padding:1em;background:#f0f0f0;box-shadow:0 0 2px #000;border-radius:4px;cursor:pointer}.widget_gallery>ul li label:hover{background:#c8c8c8}.widget_gallery>ul li label img{display:block;width:100%;height:100%;margin:0;box-shadow:none}.widget_gallery input[type=radio]{display:none}.widget_gallery input[type=radio]+div{display:none;margin:1px;padding:2em;background:#f0f0f0}.widget_gallery input[type=radio]:checked+div{display:block}.widget_test ul{margin:0 8px;list-style:none}.widget_test ul li{border-left:4px solid #c8c8c8}.widget_test ul label{font-size:1.2em;font-weight:400}.widget_test ul input[type=checkbox]+label+div{display:none;margin:1ex 0;padding:1ex;background:#f0f0f0;font-weight:100}@media screen and (min-width:1024px){.widget_test ul input[type=checkbox]+label+div{padding:1ex 2em}}.widget_test ul input[type=checkbox]:checked+label+div{display:block}.flex-auto{flex:auto}.highlight{background:#fff}.highlighter-rouge .highlight{background:#eef}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:700}.highlight .o{font-weight:700}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:700}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:700;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:700}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:700}.highlight .kd{font-weight:700}.highlight .kp{font-weight:700}.highlight .kr{font-weight:700}.highlight .kt{color:#458;font-weight:700}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#458;font-weight:700}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:700}.highlight .nf{color:#900;font-weight:700}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:700}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}