@font-face{font-family:'Space Mono';font-style:italic;font-weight:400;src:url('/fonts/SpaceMono-Italic-webfont.woff2') format('woff2'),url('/fonts/SpaceMono-Italic-webfont.ttf') format('truetype');font-display:swap}@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;src:url('/fonts/SpaceMono-Regular-webfont.woff2') format('woff2'),url('/fonts/SpaceMono-Regular-webfont.ttf') format('truetype');font-display:swap}@font-face{font-family:'Inter Var';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/Inter-roman.var.woff2') format('woff2');font-named-instance:'Regular'}html{width:100%;min-height:100%}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}ul,ol{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}iframe,object,embed{width:100%}img{image-rendering:optimizeQuality;-ms-interpolation-mode:bicubic}.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left}.cf{zoom:1}.cf:before,.cf:after{content:"\0020";display:block;height:0;overflow:hidden}.cf:after{clear:both}.fl,.fr{max-width:45%!important}.fl{float:left!important}.fr{float:right!important}.fr.fr-outside{margin-right:-2%!important}.fl.fl-outside{margin-left:-2%!important}.fc-outside{margin-left:-2%!important;width:104%!important;clear:both!important}.ar{text-align:right}.al{text-align:left}.ac{text-align:center}.first{margin-left:0!important}.last{margin-right:0!important}.top{margin-top:0!important}.bottom{margin-bottom:0!important}.scale{max-width:100%}.clear{clear:both!important}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container:before,.container:after{content:" ";display:table}.container:after{clear:both}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11{float:left}.col-xs-1{width:8.333333333333332%}.col-xs-2{width:16.666666666666664%}.col-xs-3{width:25%}.col-xs-4{width:33.33333333333333%}.col-xs-5{width:41.66666666666667%}.col-xs-6{width:50%}.col-xs-7{width:58.333333333333336%}.col-xs-8{width:66.66666666666666%}.col-xs-9{width:75%}.col-xs-10{width:83.33333333333334%}.col-xs-11{width:91.66666666666666%}.col-xs-12{width:100%}@media (min-width:768px){.container{max-width:750px}.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{float:left}.col-sm-1{width:8.333333333333332%}.col-sm-2{width:16.666666666666664%}.col-sm-3{width:25%}.col-sm-4{width:33.33333333333333%}.col-sm-5{width:41.66666666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.333333333333336%}.col-sm-8{width:66.66666666666666%}.col-sm-9{width:75%}.col-sm-10{width:83.33333333333334%}.col-sm-11{width:91.66666666666666%}.col-sm-12{width:100%}.col-sm-push-1{left:8.333333333333332%}.col-sm-push-2{left:16.666666666666664%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.33333333333333%}.col-sm-push-5{left:41.66666666666667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.333333333333336%}.col-sm-push-8{left:66.66666666666666%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.33333333333334%}.col-sm-push-11{left:91.66666666666666%}.col-sm-pull-1{right:8.333333333333332%}.col-sm-pull-2{right:16.666666666666664%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.33333333333333%}.col-sm-pull-5{right:41.66666666666667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-pull-8{right:66.66666666666666%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.33333333333334%}.col-sm-pull-11{right:91.66666666666666%}.col-sm-offset-1{margin-left:8.333333333333332%}.col-sm-offset-2{margin-left:16.666666666666664%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333333333%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-8{margin-left:66.66666666666666%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-11{margin-left:91.66666666666666%}}@media (min-width:992px){.container{max-width:970px}.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11{float:left}.col-md-1{width:8.333333333333332%}.col-md-2{width:16.666666666666664%}.col-md-3{width:25%}.col-md-4{width:33.33333333333333%}.col-md-5{width:41.66666666666667%}.col-md-6{width:50%}.col-md-7{width:58.333333333333336%}.col-md-8{width:66.66666666666666%}.col-md-9{width:75%}.col-md-10{width:83.33333333333334%}.col-md-11{width:91.66666666666666%}.col-md-12{width:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.333333333333332%}.col-md-push-2{left:16.666666666666664%}.col-md-push-3{left:25%}.col-md-push-4{left:33.33333333333333%}.col-md-push-5{left:41.66666666666667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.333333333333336%}.col-md-push-8{left:66.66666666666666%}.col-md-push-9{left:75%}.col-md-push-10{left:83.33333333333334%}.col-md-push-11{left:91.66666666666666%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-11{right:91.66666666666666%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-11{margin-left:91.66666666666666%}}@media (min-width:1200px){.container{max-width:1170px}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11{float:left}.col-lg-1{width:8.333333333333332%}.col-lg-2{width:16.666666666666664%}.col-lg-3{width:25%}.col-lg-4{width:33.33333333333333%}.col-lg-5{width:41.66666666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.333333333333336%}.col-lg-8{width:66.66666666666666%}.col-lg-9{width:75%}.col-lg-10{width:83.33333333333334%}.col-lg-11{width:91.66666666666666%}.col-lg-12{width:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.333333333333332%}.col-lg-push-2{left:16.666666666666664%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.33333333333333%}.col-lg-push-5{left:41.66666666666667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.333333333333336%}.col-lg-push-8{left:66.66666666666666%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.33333333333334%}.col-lg-push-11{left:91.66666666666666%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.333333333333332%}.col-lg-pull-2{right:16.666666666666664%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.33333333333333%}.col-lg-pull-5{right:41.66666666666667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.333333333333336%}.col-lg-pull-8{right:66.66666666666666%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.33333333333334%}.col-lg-pull-11{right:91.66666666666666%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.333333333333332%}.col-lg-offset-2{margin-left:16.666666666666664%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333333333%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-8{margin-left:66.66666666666666%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-11{margin-left:91.66666666666666%}}.highlight .hll{background-color:#49483e}.highlight .c{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .o{color:#f92672}.highlight .p{color:#f8f8f2}.highlight .cm{color:#75715e}.highlight .cp{color:#75715e}.highlight .c1{color:#75715e}.highlight .cs{color:#75715e}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .kc{color:#66d9ef}.highlight .kd{color:#66d9ef}.highlight .kn{color:#f92672}.highlight .kp{color:#66d9ef}.highlight .kr{color:#66d9ef}.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne{color:#a6e22e}.highlight .nf{color:#a6e22e}.highlight .nl{color:#f8f8f2}.highlight .nn{color:#f8f8f2}.highlight .nx{color:#bbb}.highlight .py{color:#f8f8f2}.highlight .nt{color:#f92672}.highlight .nv{color:#f8f8f2}.highlight .ow{color:#f92672}.highlight .w{color:#f8f8f2}.highlight .mf{color:#ae81ff}.highlight .mh{color:#ae81ff}.highlight .mi{color:#ae81ff}.highlight .mo{color:#ae81ff}.highlight .sb{color:#e6db74}.highlight .sc{color:#e6db74}.highlight .sd{color:#e6db74}.highlight .s2{color:#e6db74}.highlight .se{color:#ae81ff}.highlight .sh{color:#e6db74}.highlight .si{color:#e6db74}.highlight .sx{color:#e6db74}.highlight .sr{color:#e6db74}.highlight .s1{color:#e6db74}.highlight .ss{color:#e6db74}.highlight .bp{color:#f8f8f2}.highlight .vc{color:#f8f8f2}.highlight .vg{color:#f8f8f2}.highlight .vi{color:#f8f8f2}.highlight .il{color:#ae81ff}html{font-size:11px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:#fff;font-family:"Inter Var","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:166%;letter-spacing:-.18px;word-spacing:-.1px;font-weight:370;color:#1d1d1d;min-height:100%}@media only screen and (min-width:1100px){body{font-size:180%}}a:link{color:#4881c7;text-decoration:none}a:visited{color:#4881c7}a:hover{color:#6fa5e7;text-decoration:underline}a:active{outline:none;position:relative;top:1px}*:focus,*:active{outline:0}*:-moz-focusring{outline:3px solid #4caef3;outline-offset:8px;z-index:5}*:focus-visible{outline:3px solid #4caef3;outline-offset:8px;z-index:5}hr{width:40%;margin:5em auto 5em auto;border:0;height:1px;border-bottom:1px solid #ddd}.external-link:after{content:"⇢\FE0E";line-height:5px;display:inline;display:inline-block;position:relative;margin:0 .4em 0 .3em;height:9px;width:9px;color:#aaa;border:1px dotted #aaa;text-decoration:none}.external-link:hover:after{color:#6fa5e7;border-color:#6fa5e7;text-decoration:none}.container{width:92%;max-width:1200px;min-width:240px;padding-left:1em;padding-right:1em;margin:auto}.main-section{position:relative;padding-top:2.2em;padding-bottom:2em}.main-header-inner{padding-top:5em;padding-bottom:1.5em}.main-header{position:relative}.main-header .meta a:link{text-decoration:underline}.strapline-name{font-size:1em;font-style:normal;color:#689bda;display:block;font-family:"Space Mono","Inter Var","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}.strapline-0{font-size:1.2em;line-height:1.3;display:block;margin:0 0 .7em 0}.strapline-1{font-size:1.05em;line-height:1.8;display:block;color:#666;margin:1.2em 0 0 0}.handles{margin:.8em 0 0 0;display:block;font-size:.9em;color:#717171}.handles a{color:#717171}.handles span{margin:0 .3em}.main-header em{font-style:italic}.main-header small time{color:#1d1d1d;font-style:italic}.main-header small{display:block;margin:.8em 0 0 0;color:#6fa5e7;font-size:.9em;text-transform:lowercase}.main-header h2 a:link,.main-header h2 a:hover,.main-header h2 a:visited{display:block;margin:0 0 .7em -.07em;color:#6fa5e7;font-family:"Inter Var","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;text-transform:uppercase;font-size:1.4em;text-decoration:none;font-weight:700;letter-spacing:.1em}.main-header h1{width:60%;float:left;clear:both}.main-header h1 a:link,.main-header h1 a:hover,.main-header h1 a:visited{display:block;margin:2.5em 0 0 0;color:#1d1d1d;font-family:"Space Mono","Inter Var","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;text-decoration:none;font-size:2em;line-height:1.4;text-rendering:optimizeLegibility;font-weight:normal;font-style:italic}.main-header h2 a:after{content:"\2190\FE0E";font-weight:300;display:inline-block;position:relative;margin:0 .7em;color:#ccc;font-size:.8em;transition:transform 100ms ease;top:-.1em}.main-header h2 a:active:after{transform:translate(-.2em,0)!important}@media only screen and (min-width:699px){.main-header h2 a:after{top:-.13em;margin:0 .55em}}.main-header h2 a:hover:after{color:#888;margin:0 .55em}.main-content article footer{border-top:1px solid #ddd;margin:6em 0 0;padding:.5em 0;clear:both;font-size:.9em}@media only screen and (min-width:1023px){.main-content article footer{margin:6em -1.4em 0 -1.4em}}.main-content article footer time{font-style:normal}.main-content article footer time a{font-style:normal;border-bottom:1px solid #ddd;color:#999}.main-content article footer time a:hover{text-decoration:none;color:#6fa5e7}.main-content article>p:nth-of-type(1){margin-top:0}.article-footer{margin-top:8em}footer .last-update{display:block;width:100%;margin:1em 0;color:#aaa;font-style:italic;font-size:.9em;text-align:right}.major-items .item,.minor-items .item{font-family:"Space Mono","Inter Var","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;margin:0 0 3em 0}.major-items .item{margin:6em 0}.major-items .item-image-thumbs{margin-top:3em;margin-bottom:2em;margin-left:-.5em;margin-right:-.5em}.major-items .item-image-thumbs .col-xs-3{padding-left:.5em;padding-right:.5em}.major-items .item-image-thumbs img{display:block;margin:.5em 0}.major-items .item .item-image-col .main-image,.minor-items .item .item-image-col .main-image{display:block;max-width:100%;margin:0}.minor-items .item .item-image-col .main-image{max-height:85px;border-radius:2px}.item .item-strapline a{display:block;text-decoration:none;font-style:italic;margin:.7em 0;text-align:left;font-size:.88em;line-height:1.4;color:#666}.major-items .item .item-strapline{display:block;text-decoration:none;font-style:italic;margin:.6em 0;text-align:left;font-size:.95em;line-height:1.4;color:#666}.major-items .item .item-title{margin:0 0 .3em 0;font-size:1.4em}.minor-items .item .item-title{margin:.35em 0 .3em 0;font-size:1.1em}.major-items .item .item-title a,.minor-items .item .item-title a{color:#000}.minor-items .item .item-title a:hover{color:#4881c7}.major-items .item .item-description-major,.minor-items .item .item-description-major{margin:2.5em 0 1em 0;font-size:1em;text-align:left;line-height:1.6;color:#444}.major-items .item .item-description-minor,.minor-items .item .item-description-minor{font-size:.9em;line-height:1.6;text-align:left;color:#444}.major-items .item .item-features-major,.minor-items .item .item-features-major{font-size:.9em;line-height:1.6;text-align:left;color:#444}.major-items .item .item-features-major li,.minor-items .item .item-features-major li{margin:.3em 0}.major-items .item .item-features-minor,.minor-items .item .item-features-minor{font-size:.8em;line-height:1.6;text-align:left;color:#444}.major-items .item .item-description-major .external-link:after,.minor-items .item .item-description-major .external-link:after{display:none}.major-items .item .item-title a:hover,.minor-items .item .item-title a:hover{text-decoration:none}.major-items .item .item-link,.minor-items .item .item-link{margin:.3em 0 1em 0;display:block}.major-items .item-props{margin:4em 0 1em 0}.major-items .item-props .item-prop,.minor-items .item-props .item-prop{display:block;margin:.4em 0}.major-items .item-props .item-prop .item-prop-name,.minor-items .item-props .item-prop .item-prop-name{display:block;float:left;width:35%;font-size:.8em;line-height:1.7;color:#888}.major-items .item-props .item-prop .item-prop-value,.minor-items .item-props .item-prop .item-prop-value{display:block;float:left;width:65%;color:#4881c7}.major-items .item-props .item-prop-value-secondary,.minor-items .item-props .item-prop-value-secondary{font-size:.9em;line-height:1.5}.major-items .item-props .item-prop-value-secondary .external-link:after,.minor-items .item-props .item-prop-value-secondary .external-link:after{display:none}.work-menu .item{margin:0 0 48px 0;min-height:60px}.work-menu .item .item-image-col{float:left;width:72px;margin:0 8% 0 0}.work-menu .item .item-image-col .main-image{max-height:56px;border-radius:2px;margin:0}.work-menu .item .item-strapline{display:block;text-decoration:none;font-style:italic;margin:.6em 0;text-align:left;font-size:.85em;line-height:1.4;color:#666}.work-menu .item .item-title{margin:0 0 .1em 0}.work-menu .item .item-title a{color:#000;font-size:.85em}.projects-container .item{text-transform:lowercase}.projects-container .item-image-col{width:32%}.projects-container .item-details-col{width:68%}.main-footer{position:relative;padding:2em 0;text-align:center}.main-footer .top-link,.main-footer .back-link{font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;display:block;line-height:1;padding:0;margin:0 auto;width:5em;height:5em;font-size:.8em}.main-footer .back-link{font-size:.72em;margin-top:1em;margin-bottom:2em}.main-footer .top-link:after{position:relative;display:block;content:"\2191\FE0E";text-align:center;text-indent:0;font-size:2.7em;line-height:1;color:#b6b6b6;margin:0 0 .5em 0;font-weight:300}.main-footer .top-link:hover,.main-footer .back-link:hover{text-decoration:none}.main-footer .top-link:hover:after{top:-.05em;text-decoration:none;color:#6fa5e7}.main-footer .back-link:after{position:relative;display:block;content:"\2190\FE0E";text-align:center;text-indent:0;font-size:2.8em;line-height:1;color:#b6b6b6;font-weight:300}.main-footer .back-link:hover:after{left:-.05em;text-decoration:none;color:#6fa5e7}.more-link.ir{display:inline;display:inline-block}.more-link:after{content:"↪\FE0E";position:relative;margin-top:-1em;display:block;text-indent:0;line-height:.5;font-size:1.4em}.more-link:hover:after{text-decoration:underline}.info-link a{color:#5491dd!important;font-size:1.06em;text-decoration:none;font-family:"Space Mono","Inter Var","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}.main-header .info-link{display:none;float:right}@media only screen and (min-width:768px){.main-header .info-link{display:block}}.main-header .info-link a{color:#a4a4a4!important;font-size:.9em;letter-spacing:.03em}.main-header .info-link a:hover{color:#6fafff!important}@keyframes info-link-orb-rotate{100%{transform:rotate(1turn)}}.info-link{position:relative;overflow:hidden;display:inline-block}@media only screen and (min-width:996px){.main-header .info-link{padding-right:50px}}.info-link-contact{position:absolute;left:0;opacity:0;color:#34333c;display:inline-block;transition:transform 300ms ease 100ms,opacity 300ms ease 100ms;transform:translate(0,100%)}.info-link-text{opacity:1;display:inline-block;transition:transform 300ms ease 100ms,opacity 300ms ease 100ms;background:#fff;position:relative;z-index:1}.info-link:hover .info-link-text{opacity:0;transform:translate(0,-100%);transition:transform 300ms ease 600ms,opacity 300ms ease 600ms}.info-link:hover .info-link-contact{opacity:1;transform:translate(0,0);transition:transform 300ms ease 600ms,300ms ease 600ms}.info-link a .info-link-orb i{display:inline-block;position:relative;background:linear-gradient(325deg,#fbfe08 12%,#58c1ff 81%);animation:info-link-orb-rotate 60s linear infinite;border-radius:100%;overflow:hidden;width:26px;height:26px;margin:0 0 -.35em 0;transition:border-radius 300ms ease}.info-link a .info-link-orb{display:inline-block;transform:scale(1);transition:transform 300ms ease;height:26px}.info-link a:hover .info-link-orb{transform:scale(.5) translate(-6px,2px)}.info-link a{display:inline-block;transition:transform 300ms ease}.info-link a:active{top:0;transform:translate(8px,0)}.info-link a:active .info-link-orb{transform:scale(.6)}.info-link a:hover .info-link-orb i{border-radius:2px}.link-list{list-style:none;font-family:"Space Mono","Inter Var","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}.link-list li{margin:0 0 .9em 0;padding:.3em 0;line-height:1.7}.link-list li a,.link-list li a:visited{color:#888;text-decoration:none;font-size:1em}.link-list li:hover a{color:#6fa5e7!important}.gallery-thumbs-container .gallery-items{list-style:none;margin-left:-15px;margin-right:-15px}.gallery-thumbs-container .gallery-items li:before{display:none}.articles-container{margin:3em 0}@media only screen and (min-width:768px){.page-home .link-list li{margin:0 0 1.33em 0}}.page-home .main-footer{color:#ababab;font-family:"Space Mono","Inter Var","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;padding-left:1em;padding-right:1em;text-align:left;font-size:.85em;padding-top:4em;padding-bottom:5em}.page-home .main-footer span:nth-child(1){transition:color 1000ms ease 1000ms}.page-home .main-footer:hover span:nth-child(1){color:#3ab8e8}.page-home .main-footer span:nth-child(2){transition:color 1000ms ease 1500ms}.page-home .main-footer:hover span:nth-child(2){color:#40e00d}.page-home .main-footer span:nth-child(3){transition:color 1000ms ease 2000ms}.page-home .main-footer:hover span:nth-child(3){color:#38d41d}.page-home .about-short{margin:8em 0 0 0;display:none}.page-home .articles-container{margin:6em 0 2em 0}.page-home .about-short.content p{text-align:center}.page-home .about-short .hire-or-collaborate{margin-right:-.3em}.page-home .hire-or-collaborate .button{font-size:1.2em;padding:.5em 1em .4em 1em;margin-left:-.2em;display:inline-block;border-bottom:2px solid transparent}.page-home .hire-or-collaborate .button:hover{border-bottom:2px solid #5e94d5}.page-home .about-short .hire-or-collaborate em{margin-left:.9em;margin-right:.9em;font-style:italic;border-bottom:1px solid #aaa}.page-home .about-short .worked-for{font-size:.9em;margin:2em auto 5em auto;max-width:36em}.page-home .profile-container{text-align:center;margin:7em 0}.page-home .main-header-inner{padding-top:2em;padding-bottom:7em;border-top:none}.page-home .main-footer .top-link{padding-right:17%}.page-home .main-footer .top-link:after{content:"※\FE0E"}.page-home .main-footer .back-link{display:none}.page-home .content p{text-align:left}.page-home .handles{font-size:.9em;font-family:"Space Mono","Inter Var","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}.page-article .main-section{padding-top:0;padding-right:100px}.page-article .main-header-inner{padding-bottom:3em}@media only screen and (min-width:600px){.page-article .main-header-inner{padding-bottom:4em}}.page-project .main-header-inner .col-sm-12 h2,.page-article .main-header-inner .col-sm-12 h2{float:left}.page-article hr{margin-top:4em;margin-bottom:4em}.page-article p,.page-project p{max-width:43em}.page-project .main-section{padding-top:1em}.page-projects .main-header-inner{padding-bottom:5em}.page-projects .article-links li a{font-size:1.15em}.hide-externals .external-link:after,.hide-externals.external-link:after,.page-projects .main-header h2 .external-link:after,.page-home .main-header h2 .external-link:after{display:none}.page-article .articles-container{margin:2em 0 3em 0}.page-work #people,.page-work #hire{max-width:400px;margin:0 auto;padding:1em 0;text-align:center}.work-banner{margin:7em 0 4em 0}.page-info .main-content{width:100%;padding-top:0}@media only screen and (min-width:600px){.page-info .main-content.col-sm-10{padding-top:1em}}@media only screen and (min-width:768px){.page-info .main-content.col-sm-10{max-width:50em;padding-top:2em}}.page-info .main-section{padding-top:0}.page-info .info-section-container{display:none}.page-info .info-section-container.is-expanded{display:block}.page-info .info-section{margin:1.5em 0;max-width:29em}.page-info .info-section-tech{max-width:29em}.page-info .info-section-open-source{max-width:29em}.page-info .info-section-projects{margin-top:0;padding-top:.5em;max-width:25em;text-wrap:balance}.page-info .info-section-contact{margin:1em 0 2em 0}@media only screen and (min-width:780px){.page-info .info-section{margin:2em 0}.page-info .info-section-contact{margin:1em 0 3.2em 0}.page-info .info-section-work{margin-bottom:2.6em}}.page-info .content .info-section-projects p{margin-top:0;line-height:2.1}.page-info .content .info-section-tech-extra{display:none;font-size:.7em}.page-info .content .info-section-tech-extra.is-expanded{display:block}.page-info .content .info-section-education br{display:none}.page-info .content{color:#777;font-size:116%}@media only screen and (min-width:780px){.page-info .content .info-section-education br{display:block}.page-info .content{font-size:140%}}.page-info .content hr{border:0;margin:2em auto 2em auto;width:25%}.page-info .content strong{font-weight:normal;color:#000}.page-info .content p{line-height:1.9;font-size:.78em;margin:1em 0 1em 0;font-weight:350;text-wrap:balance}.page-info .sep{display:inline;margin:0 .09em;color:#a5a5a5}@media only screen and (min-width:768px){.page-info .sep{display:inline;margin:0 .12em}.page-info .content p{font-size:.86em}}.content .split-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.content .split-list li{width:50%;margin:0}.content .split-list li span{display:none}.content .split-list li abbr{text-decoration:none}@media only screen and (min-width:768px){.content .split-list li span{display:inline}.content .split-list li abbr{display:none}}.content .split-list li:before{display:none}.page-info .content h1,.page-info .content h2,.page-info .content h3,.page-info .content h4{font-family:"Inter Var","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;margin:1em 0 1em 0;font-size:1.4em;color:#111}body.page-info .content h1{font-size:1.05em;font-weight:390;line-height:1.8;color:#585858;margin-top:.2em;margin-bottom:1.6em;max-width:22em;text-wrap:balance;margin-right:-.5em}.page-info .content .section-title{font-family:"Space Mono","Inter Var","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:.66em;margin:0;letter-spacing:.023em;word-spacing:-.2em;color:#959595}.page-info .content .section-intro{max-width:29em;text-wrap:balance}@media only screen and (min-width:600px){body.page-info .content h1{font-size:1.15em}}@media only screen and (min-width:768px){.page-info .content h1{font-size:1.25em}.page-info .content .section-intro{font-size:.9em}}.page-info .content h1 strong{font-weight:bold;color:#000}.page-info .content h1 em{font-style:normal;color:#181819}.page-info .content h2,.page-info .content h3,.page-info .content h4{font-size:1em;color:#111}.page-info .info-technology{font-size:.7em}.page-info .info-link{display:inline-block;position:relative;top:.3em;right:2px;line-height:0;padding:0}.page-info .info-link-no-wrap{white-space:nowrap}.page-info .info-link a{transform:scale(.82)}.page-info .info-link .info-link-orb i{margin:0 0 -.1em 0}.page-info .info-link,.page-info h1 .info-link .info-link-orb i{margin:0}@media only screen and (min-width:780px){.page-info .info-link a{transform:scale(1)}.page-info .info-link{top:5px;right:-3px;padding-right:0}}.page-info .contact-nav{list-style:none;padding:0;max-width:22.5em;margin-bottom:0}.page-info .contact-nav li{display:inline-block;margin:.2em .8em .2em 0;transition:transform 300ms ease;letter-spacing:.001em}.page-info .contact-nav li:hover{transform:translate(0,-.15em)}.page-info .contact-nav li:before{display:none;left:0}@media only screen and (min-width:885px){.page-info .contact-nav br{display:none}.page-info .contact-nav{display:flex;justify-content:space-between}}.page-info .contact-nav .contact-nav-primary .my-email-link{text-decoration:underline;text-decoration-color:#b0daff;color:#4881c7;margin-left:0}@media only screen and (min-width:768px){.page-info .contact-nav .contact-nav-primary .my-email-link{margin-left:.5em}}.page-info .contact-nav li a{text-decoration:underline;text-decoration-color:#cecece;color:#5d5d5d}.page-info .more-info-nav{margin:0}.page-info .more-info-button[aria-expanded="true"],.page-info .more-tech-button[aria-expanded="true"]{display:none}.page-info .main-content article footer{display:none}@media only screen and (min-width:768px){.page-info .main-content article footer{display:block;margin:6em 0 0}}#hzImg{display:none!important}#ok-loupe{box-shadow:none!important;border:1px solid rgba(0,0,0,.2)!important}.image-view-link{cursor:hand;cursor:zoom-in;cursor:-webkit-zoom-in}.image-link:active,.image-view-link:active{position:static}.qtip.qtip-custom{border-width:0;border-style:solid;border-color:#f1d031;background-color:#6fa5e7;color:#fff;padding:.3em .4em;font-size:.7em;line-height:1.5;font-style:italic}.main-footer .top-link,.content hr,.content .gallery_tabs,.content .gallery_tabs li{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::selection{background:#ffe39f}::-moz-selection{background:#ffda92}.ie.page-home .main-footer .top-link:after{font-size:.7em}.ie .external-link:after{line-height:6px}.ie .landing-banner h2 a{transition:none}.ie .link-list li:hover:before{font-size:1em;margin-left:-2.2em}.ie .gears-canvas svg{min-height:363px}.content{font-size:1em;color:#555}.content.summary{font-size:.9em;border-bottom:1px solid #ddd;margin:0 0 3em 0;padding:0 0 1.2em 0;color:#888;min-height:5em}.content.summary:before{float:left;margin:.5em .3em 1em 0;content:"§\FE0E";line-height:0;font-size:4em;color:#ddd}.content.summary p{margin:0 0 0 3em;font-style:italic;font-size:1.1em;margin-left:2em}.content.summary.summary-single{min-height:0;padding-bottom:.7em}.content.summary.summary-single:before{display:none}.content.summary.summary-single p{line-height:1.6;margin-left:0}.content p{margin:1.5em 0;font-size:.94em;font-weight:400;line-height:1.98;letter-spacing:-.14px;word-spacing:-.1px}.eot:after,.content p.last:after{content:"∎\FE0E";font-weight:normal;font-style:normal;color:#a4c7f3;font-size:1.15em;margin:0 0 0 .4em}.content h1,.content h2,.content h3,.content h4{font-family:"Space Mono","Inter Var","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;margin:3em 0 1em 0;color:#000}.content h1:first-child,.content h2:first-child,.content h3:first-child,.content h4:first-child{margin-top:0}.content h1,.content .h1{font-size:1.8em}.content h2,.content .h2{font-size:1.4em}.content h3,.content .h3{font-size:1.2em}.content h4,.content .h4{font-size:1.2em}.content q{font-style:italic}.content q:before{content:"“"}.content q:after{content:"”"}.content strong,.content b{font-weight:bold;color:#555}.content em,.content i{font-style:italic}.content small{font-size:.8em}.content ul,.content ol{margin:1.5em 0;list-style:disc inside;padding:0 1.2em;line-height:1.5}.content ol{padding:0 1.6em}.content ul,.content ol{list-style:none;counter-reset:ol-counter}.content li{margin:.6em 0;font-size:.95em;line-height:1.8}.content ul.inline li,.content ol.inline li{float:left;margin-right:3em}.content ul li:before{content:"\00B7";display:block;position:relative;max-width:0;max-height:0;left:-.68em;font-weight:500;color:#898989;font-size:1.5em;line-height:1.1}.content ol li:before{content:counter(ol-counter) ".";counter-increment:ol-counter;display:block;position:relative;max-width:0;max-height:0;left:-1.8em;top:.03em;color:#000000;font-weight:200;font-size:.92em}.content ol.split-counter.counter-reset{counter-reset:split-counter}.content ol.split-counter li:before{content:counter(split-counter) ".";counter-increment:split-counter}.content .intro{font-size:1.1em;margin:1em 0 1.5em 0;line-height:1.75;color:#444}.content blockquote{margin:3em 5%;padding:0}.content blockquote.fl,.content blockquote.fr{margin:0 2em 1em 3em}.content blockquote p{font-size:1em;font-style:italic;line-height:1.6}.content blockquote .big{margin:0 0 0 .5em;line-height:1.5;font-size:1.2em}.content blockquote .src{text-align:right!important;font-size:.8em;font-style:normal}.content blockquote .src b{font-weight:bold;font-style:normal;text-transform:uppercase}.content blockquote i{margin:0 0 0 .3em;font-style:normal;font-weight:normal}.content figure{margin:4em 0;overflow:auto}.content figure.fr,.content figure.fl{margin-top:2em;margin-bottom:2em;clear:both}.content figure.fr{margin-left:3em}.content figure.fl{margin-right:3em}.content figure.fr.tight{margin-left:2.5em;margin-top:1em;margin-bottom:1em}.content figure.fl.tight{margin-right:3em;margin-top:1em;margin-bottom:1em}.content figure p{font-size:1.7em;text-align:center}.content figure .equation{margin:0}.content .video-container{position:relative;padding-bottom:36.7%;height:0;overflow:hidden;margin:1em 0}.content .video-container.fc{left:-75%;margin-left:100%}.content .video-container iframe{width:100%;height:100%}.content .figure-image{text-align:center}.content .figure-image a:active{position:static!important;top:0!important}.content .figure-image img{margin:0;max-width:100%}.content .figure-image.fc-outside img{width:100%;max-height:inherit}.content .figure-image.fc-outside.original-size img{width:auto}.content .figure-image.fl.fl-outside,.content .figure-image.fr.fr-outside,.content .figure-video.fl.fl-outside,.content .figure-video.fr.fr-outside{max-width:58%!important}.content figcaption,.content .caption{margin:3em 0 0 0;clear:both;text-align:center;font-size:.8em;font-style:italic;color:#777}.content figcaption b,.content .caption b{margin-right:1em;font-weight:bold}.content code{background:#f7f7f9;font-family:"Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace;padding:0 .5em;font-size:.85em;color:#000000;margin:0 .1em;display:inline-block}.content code a:hover{text-decoration:none}.content pre{margin:3em 0;padding:1.6em 3%;background:#2a2a2a;font-family:Consolas,monaco,monospace;overflow:auto;font-size:.9em}.content pre code{font-size:.95em;font-family:Consolas,monaco,monospace;background:transparent;border:0;padding:0;color:#ccc}.content img{border-radius:2px;max-width:100%;margin:1em 0}.content .citation-list{list-style:none;counter-reset:citation-counter;margin:0 6%;padding:0;text-align:left}.content .citation-list cite{color:#777}.content .citation-list i{font-style:italic}.content .citation-list li:before{display:block;position:relative;content:"[" counter(citation-counter) "]";counter-increment:citation-counter;color:#aaa;font-size:.9em;margin:0 0 0 -.6em;line-height:1.7}.content .crop{width:100%;overflow:hidden;text-align:center;height:400px;margin:2em 0}.content .crop img{float:left}.content a.cite{font-size:.75em;text-decoration:none;border-bottom:1px dotted #6fa5e7;position:relative;line-height:0;top:-.7em;margin:0 .4em}.content .note-title{font-weight:bold;font-size:.9em;text-transform:uppercase;margin:0 .6em 0 0}.content aside{left:100%;width:13em;margin:0 0 1em 4em;float:right}.content aside p{font-size:.8em;text-align:left;margin:0}.content .image-view-link{display:block;border:0}.content sup{font-size:.6em;position:relative;line-height:1em;top:-.7em}@media only screen and (max-width:1023px){.page-home .strapline-1.eot:after{display:none}}@media only screen and (max-width:995px){.page-article .container{max-width:740px}.page-article .container,.page-article .main-footer{padding-right:1em}.page-article #disqus_thread{padding-right:0}}.content p,.content blockquote p,.content ul,.content ol{text-align:left}@media only screen and (max-width:767px){.page-projects .main-header-inner{padding-bottom:1em}.main-header .strapline-1{margin-top:2em}.major-items .item{margin:0}.major-items .item-details-col,.major-items .item-image-col{float:none;width:auto}.major-items .item,.minor-items .item{margin:0 0 2.5em 0}.content blockquote,.content blockquote.fl,.content blockquote.fr{border:0;margin:2em 3em!important}.content blockquote .big{margin-left:0}.content ul,.content ol{padding:0 1em;list-style-position:inside}.content figure,.content figure.fr,.content figure.fl,.content figure.fr.tight,.content figure.fl.tight{margin-top:2em;margin-bottom:2em}.content .fl,.fr{max-width:100%!important;width:auto!important;float:none!important;margin-left:auto!important;margin-right:auto!important;padding:0!important}.content .figure-image.fl.fl-outside,.content .figure-image.fr.fr-outside,.content .fl.fl-outside,.content .fr.fr-outside{max-width:inherit!important;width:auto!important;float:none!important;padding:0!important;margin-left:-5%!important;margin-right:auto!important;width:110%!important}.content .figure-video,.content .figure-video.fl.fl-outside,.content .figure-video.fr.fr-outside{position:relative!important;padding-bottom:82%!important;height:0!important;overflow:hidden!important;max-width:inherit!important;margin-top:2em;margin-bottom:2em}.article-footer{margin-top:2em}.page-home .main-footer .top-link{padding-right:0}.content figcaption,.content .caption{margin-bottom:3em}.work-banner .col-1{margin:2em 0 0 0}.main-header h1{width:80%}.major-items .item-details-col,.major-items .item-image-col{margin-bottom:20px}hr{margin:1em auto 4em auto}}@media only screen and (max-width:599px){.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{padding-left:8px;padding-right:8px}.row{margin-left:-8px;margin-right:-8px}.main-header .strapline,.content .intro{font-size:.9em}.main-header h1 a:link,.main-header h1 a:hover,.main-header h1 a:visited{font-size:1.7em;margin-top:2em}.main-header .strapline-0{font-size:1.1em}.main-header .strapline-name{font-size:.85em}.main-header .strapline-1{font-size:1em}.content p,.content li,.content.summary p,.content blockquote p{font-size:.88em}.link-list li{font-size:.95em}.content.summary{margin-bottom:2em}.content.summary:before{display:none}.content.summary p{margin-left:0}.content blockquote,.content blockquote.fl,.content blockquote.fr{margin:2em .8em!important}.content blockquote:before{display:none}.content figure{margin-top:2em;margin-bottom:2em}hr,.page-article hr{margin-top:3em;margin-bottom:3em;width:50%}.content aside{float:none;width:auto;margin:2em .8em}.content img{max-height:200px}.eot:after,.content p.last:after{display:none}.page-home .main-header-inner{padding-top:1.5em;padding-bottom:2em}.projects-container .col-0,.projects-container .col-1{clear:both;width:auto}.main-footer{padding-top:1em;padding-bottom:1em;margin-top:0}.articles-container{margin-top:1em}.page-home .articles-container{margin:2em 0 0 0}.page-article .articles-container{margin:2em 0 3em 0}.page-project .main-content br,.page-work .main-content br,.page-article .main-content br{display:none}.main-header-inner{padding-top:2.75em}.work-banner{margin-top:2.2em;margin-bottom:0}}@media only screen and (max-width:479px){.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{padding-left:5px;padding-right:5px}.row{margin-left:-5px;margin-right:-5px}.page-home .main-header .strapline-1{display:none}}@media only screen and (max-width:400px){.main-header .strapline-1{font-size:.87em}.main-footer{padding:1em 0}}body.dragging{cursor:-webkit-grabbing!important}.gear path{fill:#fff;stroke:#dcdcdc;cursor:move}.gear .gear-axis-x,.gear .gear-axis-y{line-width:3px;stroke:#000;display:none}.gear.dragging path,.gear path:active{opacity:.5;cursor:-webkit-grabbing!important}.gear:hover path{opacity:.9}.gears-canvas{overflow:hidden;transform:scale(1.2)}.gears-canvas svg{max-width:520px;max-height:363px;min-width:445px;margin-left:4%;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;transform:translate(2em,2em)}@media only screen and (max-width:1023px){.gears-canvas svg{transform:translate(1em,2em)}}@media only screen and (max-width:767px){.gears-canvas svg{transform:translate(-2vw,2em)}}.gear.moving .bulb-path .bulb-light{opacity:1}.landing-banner{margin:.5em 0 4em 0}.landing-banner h2{display:inline-block;font-size:2.2em;margin:15% 0 2em 0}.landing-banner h2 a{margin:0 -.07em;display:block;color:#6fa5e7;font-family:"Inter Var","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;text-transform:uppercase;text-decoration:none;font-weight:700;letter-spacing:.1em}.landing-banner-hero{margin:4em 0 0 0;width:240px}@media only screen and (min-height:1300px){.landing-banner{margin:3em 0}.landing-banner h2{font-size:2.3em}.main-header-inner{padding-top:7em}.page-home .main-footer{padding-top:3em 0}}@media only screen and (max-width:1279px){.landing-banner-hero{width:200px;margin-top:4em}}@media only screen and (max-width:767px){.landing-banner,.landing-banner .container{}.landing-banner-hero{width:140px;margin-top:4em}}@media only screen and (max-width:599px){.landing-banner h2{position:static;display:block;margin-top:1.6em;font-size:1.4em}.landing-banner .col-0{width:auto}.landing-banner .col-1{display:none}.landing-banner,.landing-banner .container{margin-bottom:1em}}@media only screen and (max-width:479px){.landing-banner-hero{width:100px;margin-top:3em}}