#contactus fieldset{width:320px;padding:20px;border:1px solid #ccc;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px}#contactus h2,#contactus legend{font-family:Arial,sans-serif;font-size:1.3em;font-weight:700;color:#333}#contactus label{font-family:Arial,sans-serif;font-size:.8em;font-weight:700}#contactus input[type=text],textarea{font-family:Arial,Verdana,sans-serif;font-size:.8em;line-height:140%;color:#000;padding:3px;border:1px solid #999;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px}#contactus input[type=text]{height:18px;width:220px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#contactus #scaptcha{width:60px;height:18px}#contactus input[type=submit]{width:100px;height:30px;padding-left:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#contactus textarea{height:120px;width:310px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}#contactus input[type=text]:focus,textarea:focus{color:#009;border:1px solid #900;background-color:#ff9;font-weight:700}#contactus .container{margin-top:8px;margin-bottom:10px}#contactus .error{font-family:Verdana,Arial,sans-serif;font-size:.7em;color:#900;background-color:#ff0}#contactus fieldset#antispam{padding:2px;border-top:1px solid #eee;border-left:0;border-right:0;border-bottom:0;width:350px}#contactus fieldset#antispam legend{font-family:Arial,sans-serif;font-size:.8em;font-weight:700;color:#333}#contactus .short_explanation{font-family:Arial,sans-serif;font-size:.6em;color:#333}#contactus .spmhidip{display:none;width:10px;height:3px}#fg_crdiv{font-family:Arial,sans-serif;font-size:.3em;opacity:.2;-moz-opacity:.2;filter:alpha(opacity=20)}#fg_crdiv p{display:none}@keyframes spinCW{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinCCW{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes stutter{0%{transform:skewX(0)}50%{transform:skewX(20deg)}100%{transform:skewX(-20deg)}}@keyframes blink{0%{color:inherit}50%{color:transparent}0%{color:inherit}}#mask{position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none}#modals .window{position:fixed;left:0;top:0;display:none;z-index:9999;background:0 0}@font-face{font-family:scifly;src:url(../font/SciFly-Sans.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:ubuntu;src:url(../font/Ubuntu-R.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:ubuntu;src:url(../font/Ubuntu-L.ttf) format('truetype');font-weight:100;font-style:normal}@font-face{font-family:ubuntu;src:url(../font/Ubuntu-B.ttf) format('truetype');font-weight:600;font-style:normal}@font-face{font-family:monaco;src:url(../font/Monaco.ttf) format('truetype')}@font-face{font-family:Socicon;src:url(../font/Socicon.ttf) format('truetype');font-weight:400}@font-face{font-family:colorbasic;src:url(../font/Color-Basic.otf) format('opentype');font-weight:400}.socialIcon{font-family:Socicon}.socialIcon.github:before{content:'\e032'}.socialIcon.linkedin:before{content:'\e04c'}.socialIcon.mail:before{content:'\e050'}.socialIcon.unsplash:before{content:'\e914'}.socialIcon.formulr:before{content:'\e02e'}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a,article,body,div,fieldset,figure,footer,form,h1,h2,h3,header,html,input,li,nav,p,section,textarea,ul{margin:0;padding:0;text-decoration:none;font-weight:400}body,html{background-color:#000}.app,body,html{width:100%;height:100%;font-family:monaco,Helvetica,Arial,sans-serif}li{list-style:none}a,div{-webkit-tap-highlight-color:transparent}a,img{border:none}a{color:#79ff4d;cursor:pointer}a :before,a:before{position:relative;display:inline-block;color:#79ff4d;font-size:30px}a:hover{color:#c6ffb3}a:hover :before,a:hover:before{color:#c6ffb3}span.underline{text-decoration:underline}iframe{border:none}body.home #logo h2{text-transform:unset}.app{overflow:hidden}#page{display:flex;flex-direction:row;clear:both;position:relative;height:100%;margin:auto;overflow-x:hidden;visibility:hidden;background-color:#000;background-color:rgba(0,0,0,.65)}#loading{background-color:rgba(0,0,0,.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999}#loading .graphic{position:absolute;top:50%;left:50%;transform:translate(-54px / 2,-54px / 2);background-image:url(../img/tkLogoRed.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:54px;height:54px;-webkit-animation-name:spinCW;-moz-animation-name:spinCW;-o-animation-name:spinCW;animation-name:spinCW;-webkit-animation-duration:3s;-moz-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.pleaseWait{position:absolute;width:100%;text-align:center;top:25%;font-family:colorbasic,Helvetica,Arial,sans-serif;font-size:56px;white-space:pre-line;-webkit-animation:blink 1s steps(1) infinite;-moz-animation:blink 1s steps(1) infinite;-o-animation:blink 1s steps(1) infinite;animation:blink 1s steps(1) infinite}.pleaseWait span{display:inline-block;padding:36px;background-color:#79ff4d}header{display:inline-block;z-index:1;position:fixed;width:100%;background-color:rgba(0,0,0,.65);background-repeat:no-repeat;background-size:cover;background-position:left center}header .header-social-icons{display:none;vertical-align:middle;margin:auto}header .header-social-icons .icon{display:inline-block;vertical-align:middle;margin-right:12px}header .header-social-icons .icon .socialIcon:before{font-size:14px}#se-header{display:none}#logo{position:relative;height:45px;display:inline-block;vertical-align:middle;margin:12px 0;padding-left:2%;background-size:contain;z-index:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#logo h2{display:inline-block;vertical-align:middle;font-family:colorbasic,Helvetica,Arial,sans-serif;font-size:36px;font-weight:lighter;color:#79ff4d;text-transform:uppercase}#logo h2 span{text-transform:lowercase}#logo .graphic{display:none;vertical-align:middle;margin-right:8px;background-image:url(../img/tkLogoRed.png);background-size:contain;width:45px;height:45px;opacity:.8}#logo.spin .graphic{-webkit-animation-name:spinCW;-moz-animation-name:spinCW;-o-animation-name:spinCW;animation-name:spinCW;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:cubic-bezier(.165,.84,.44,1);-moz-animation-timing-function:cubic-bezier(.165,.84,.44,1);-o-animation-timing-function:cubic-bezier(.165,.84,.44,1);animation-timing-function:cubic-bezier(.165,.84,.44,1);-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1}#logo.selected .graphic{opacity:1}.navWrapper{position:relative}#main-nav{display:inline-block;position:absolute;right:0;padding:0 1%;visibility:hidden;-webkit-transition:visibility .3s ease-out;-moz-transition:visibility .3s ease-out;-o-transition:visibility .3s ease-out;transition:visibility .3s ease-out}#main-nav *{display:inline-block}#main-nav .button{position:relative;width:100%;height:38px;text-align:center;line-height:34px;margin:6px;font-family:colorbasic,Helvetica,Arial,sans-serif;background-color:rgba(0,0,0,0);color:#79ff4d;border-bottom:2px solid transparent}#main-nav .button .label{font-size:18px;font-weight:400;color:#ddd}#main-nav .button.selected{text-transform:lowercase}#main-nav .button.selected.pressed{-webkit-box-shadow:initial;-moz-box-shadow:initial;box-shadow:initial}#main-nav .button.selected.pressed .label{text-shadow:initial}#main-nav .button.pressed .label{text-shadow:0 2px 12px #ddd}#main-nav .button .label{font-size:18px;font-weight:400;color:#ddd}#main-nav .button.selected{text-transform:lowercase}#main-nav .button.selected.pressed{-webkit-box-shadow:initial;-moz-box-shadow:initial;box-shadow:initial}#main-nav .button.selected.pressed .label{text-shadow:initial}#main-nav .button.pressed .label{text-shadow:0 2px 12px #ddd}#main-nav li.about{display:none}#main-nav #nav-gallery .icon{width:30px;height:100%;left:15px;position:absolute;font-size:22px;color:inherit;display:none;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}#gallery{padding:0;width:0;float:none;display:inline-block;vertical-align:top;height:100%;overflow-y:hidden;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#gallery>a{display:block;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;zoom:1;filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0}#gallery>a.show{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);zoom:1;filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1}#gallery>a.pressed .gallery-item{zoom:1;filter:alpha(opacity=70);-webkit-opacity:.7;-moz-opacity:.7;opacity:.7}#gallery .gallery-item{width:100%;height:80px;position:relative;background-image:url(../img/placeholder.jpg) no-repeat;background-size:cover;background-repeat:no-repeat;background-position:center;margin-bottom:4px;-webkit-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.8);-moz-box-shadow:-2px 2px 8px 0 rgba(0,0,0,.8);box-shadow:-2px 2px 8px 0 rgba(0,0,0,.8)}#gallery .gallery-item h2{width:100%;text-align:center;font-size:14px;position:absolute;bottom:0;padding:3px 6px;background:#000;background:rgba(0,0,0,.6);color:#ddd;text-shadow:0 -1px 0 rgba(0,0,0,.35);white-space:nowrap;overflow:hidden;font-family:colorbasic,Helvetica,Arial,sans-serif;text-transform:uppercase}#gallery .gallery-item.gallery-unselected{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);filter:gray}#content{display:flex;flex-direction:column;width:100%;height:100%;float:none;padding:2%;vertical-align:top;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#content:focus{outline:0}#content #wrapper{position:relative;width:100%;max-width:1190px;margin:auto;padding-bottom:25px;flex-grow:1}#content article{width:100%;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#content article h2{color:#fff;font-size:20px;margin-bottom:12px;background-color:rgba(0,0,0,.6);padding:12px;text-align:center}#content article h3{font-weight:400}#content article p{font-weight:100;margin:0 0 12px 0;color:#c4c4c4;font-size:16px;line-height:23px;text-shadow:2px 2px 1px rgba(0,0,0,.75)}#content article a{font-weight:100;text-decoration:underline;text-shadow:none}#content article ul{margin:0 0 12px 0}#content article li{padding:0 0 0 24px;text-indent:-20px;font-size:16px;color:#c4c4c4}#content article li:before{content:'\003E \0020';color:#79ff4d}#content article img{margin:12px 4px;max-width:100%;cursor:pointer}#content article .artifacts{text-align:center}#content article.slideLeft{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}#content article.slideRight{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}#content article .artifact-image-thumb{display:inline-block;vertical-align:bottom;-webkit-transition:-webkit-transform .1s ease,-webkit-box-shadow .1s ease;-moz-transition:-moz-transform .1s ease,-moz-box-shadow .1s ease;-o-transition:-o-transform .1s ease,box-shadow .1s ease;transition:-webkit-transform .1s ease,-moz-transform .1s ease,-o-transform .1s ease,transform .1s ease,box-shadow .1s ease;zoom:1;filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0}#content article .artifact-image-thumb.show{zoom:1;filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1}#content article .artifact-image-thumb:hover{-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);-o-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 0 12px 3px rgba(0,0,0,.8);-moz-box-shadow:0 0 12px 3px rgba(0,0,0,.8);box-shadow:0 0 12px 3px rgba(0,0,0,.8)}#content .work-description{margin-bottom:24px}#content .work-description table{color:#fff;margin:auto}#content .work-description h3{color:#fff;line-height:24px}#content .demoBox{margin-bottom:24px;color:#ddd}#content .demoBox a{margin-right:20px;margin-bottom:10px;text-decoration:none}#content .demoBox .demoLabel{display:inline-block;vertical-align:middle;margin-left:10px;text-decoration:underline}#content .demoBox .liveLabel span{background-image:url(../img/vol.png);background-size:100%;background-repeat:no-repeat;width:18px;height:15px;opacity:.75;display:inline-block;vertical-align:middle;margin-left:8px}#content .demoBox .socialIcon{display:inline-block;vertical-align:middle}#content .demoBox .socialIcon:before{font-size:24px;color:#79ff4d}#content .demoBox .play{display:inline-block;vertical-align:middle}#content .demoBox .play:before{content:'▶\00FE0E';font-size:24px;color:#79ff4d}#content .toolbar{position:relative;width:100%;text-align:center;display:none;margin-bottom:16px;font-family:colorbasic,Helvetica,Arial,sans-serif}#content .toolbar.shouldShow{display:block;flex-grow:0;flex-shrink:0}#content .toolbar .gal-next-btn,#content .toolbar .gal-prev-btn{display:inline-block;position:relative;height:36px}#content .toolbar .gal-next-btn p,#content .toolbar .gal-prev-btn p{font-size:18px;display:inline-block;vertical-align:middle;margin:0 4px}#content .toolbar .nextArr{background-size:100% 100%;background-position:center;display:inline-block;vertical-align:middle}#content .toolbar .nextArr:before{content:'v';font-size:18px;margin-left:2px;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}#content .toolbar .gal-prev-btn{margin-right:30px}#content .toolbar .gal-prev-btn .nextArr{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1)}#content .toolbar .gal-next-btn{margin-left:30px}#content .toolbar.bottom{margin-top:12px;display:none}#content .toolbar.bottom.shouldShow{display:none}#content .lang{margin:0 12px}#content .langButtons{width:100%;text-align:center;display:none;position:relative;margin-bottom:16px}#content .langButtons.showLang{display:block}#content .lang-btn{display:inline-block;margin:0 4px;background-repeat:no-repeat;background-size:100%;background-position:left;vertical-align:middle;font-family:colorbasic,Helvetica,Arial,sans-serif;font-size:18px;filter:gray;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}#content .lang-btn.selected{text-transform:lowercase}#content.isToggling .toolbar.bottom.shouldShow{display:none}#content.isToggling footer{visibility:hidden}#content .lineThrough{text-decoration:line-through}.artifact{display:none}#artifact{position:relative;width:100%}#artifact .work{width:100%;height:auto;padding:12px;margin:0 auto}#artifact h2{color:#79ff4d}#artifact-window{width:100%;height:100%;text-align:center}#artifact-window #modal-artifact{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}#artifact-window img{display:block;position:relative;max-width:100%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}#artifact-window #close-btn{width:46px;height:46px;background-color:rgba(0,0,0,.5);position:absolute;right:0;top:0;z-index:9000;-webkit-border-bottom-left-radius:8px;-webkit-background-clip:padding-box;-moz-border-radius-bottomleft:8px;-moz-background-clip:padding;border-bottom-left-radius:8px;background-clip:padding-box}#artifact-window #close-btn:before{content:'+';font-weight:lighter;top:3px;left:2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}footer{width:100%;display:inline-block;position:absolute;left:0;bottom:0;text-align:center;overflow:hidden}footer .copyWrap p.artCredit,footer .copyWrap p.copyright,footer .copyWrap p.refresh,footer .copyWrap p.socialIcons{font-size:12px;line-height:13px;text-align:right;clear:both;padding:6px;color:#ddd;display:inline-block;background-color:rgba(0,0,0,.6)}footer .copyWrap p.artCredit a,footer .copyWrap p.copyright a,footer .copyWrap p.refresh a,footer .copyWrap p.socialIcons a{color:inherit;font-weight:inherit}footer .copyWrap p.artCredit a:hover,footer .copyWrap p.copyright a:hover,footer .copyWrap p.refresh a:hover,footer .copyWrap p.socialIcons a:hover{color:#ddd}footer .copyWrap p.artCredit a span,footer .copyWrap p.copyright a span,footer .copyWrap p.refresh a span,footer .copyWrap p.socialIcons a span{text-decoration:underline}footer .copyWrap p.artCredit .socialIcon,footer .copyWrap p.copyright .socialIcon,footer .copyWrap p.refresh .socialIcon,footer .copyWrap p.socialIcons .socialIcon{margin:0 4px}footer .copyWrap p.artCredit .socialIcon:before,footer .copyWrap p.copyright .socialIcon:before,footer .copyWrap p.refresh .socialIcon:before,footer .copyWrap p.socialIcons .socialIcon:before{font-size:12px;color:#ddd}footer .copyWrap p.artCredit .slash,footer .copyWrap p.copyright .slash,footer .copyWrap p.refresh .slash,footer .copyWrap p.socialIcons .slash{margin:auto 4px}footer .copyWrap p.refresh{font-size:20px;position:absolute;margin-left:9px;bottom:0;height:25px;line-height:9px}footer .copyWrap p.refresh:before{cursor:pointer;content:'\27F3'}footer .copyWrap p.refresh:hover:before{color:#fff}footer .copyWrap p.socialIcons{margin-left:-10px}#overlays{display:none}#expand-overlay{display:none;z-index:9000;position:absolute}#expand-overlay img{background-color:rgba(0,0,0,.5);padding:4px;-webkit-border-bottom-left-radius:8px;-webkit-background-clip:padding-box;-moz-border-radius-bottomleft:8px;-moz-background-clip:padding;border-bottom-left-radius:8px;background-clip:padding-box}body{background-blend-mode:darken;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-color:#000;background-position:center}body.defaultBg{background-image:url(../img/background.jpg)}body.loaded{background-blend-mode:unset}body.loaded #page{visibility:visible}body.loaded .app>.pleaseWait{display:none}body.loadingPhoto footer .refresh{pointer-events:none}body.loadingPhoto footer .refresh:before{color:#aaa}.app.showGallery #main-nav #nav-gallery{text-transform:lowercase}.app.showGallery #main-nav #nav-gallery .icon{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.app.showGallery #gallery{overflow-y:auto}.transluscent60{background:#000;background:rgba(0,0,0,.6)}.hidden{display:none}.animate{-webkit-transition:margin .2s ease,width .2s ease,-webkit-transform .2s ease,opacity .2s ease,-webkit-filter .2s ease,border .2s ease,background-color .2s ease;-moz-transition:margin .2s ease,width .2s ease,-moz-transform .2s ease,opacity .2s ease,-moz-filter .2s ease,border .2s ease,background-color .2s ease;-o-transition:margin .2s ease,width .2s ease,-o-transform .2s ease,opacity .2s ease,filter .2s ease,border .2s ease,background-color .2s ease;transition:margin .2s ease,width .2s ease,-webkit-transform .2s ease,-moz-transform .2s ease,-o-transform .2s ease,transform .2s ease,opacity .2s ease,-webkit-filter .2s ease,-moz-filter .2s ease,-o-filter .2s ease,filter .2s ease,border .2s ease,background-color .2s ease}.stutter{-webkit-animation-name:stutter;-moz-animation-name:stutter;-o-animation-name:stutter;animation-name:stutter;-webkit-animation-duration:.12s;-moz-animation-duration:.12s;-o-animation-duration:.12s;animation-duration:.12s;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear}#aboutme .title{margin-bottom:24px;font-size:48px;font-family:scifly,Helvetica,Arial,sans-serif;font-weight:lighter}#aboutme .title span.white{color:#fff}#aboutme .title span.gray{color:#bbb}#aboutme .contentWrapper{position:relative}#aboutme ul{display:inline-block;margin-left:10%}#aboutme ul li{font-size:24px;padding-bottom:10px}#aboutme ul li:before{content:''}#aboutme ul li.i1{color:#79ff4d;font-weight:600;font-size:40px}#aboutme ul li.i2{color:#6d359a;font-weight:100;font-size:60px;margin-top:-33px;margin-left:-74px}#aboutme ul li.i3{color:#73990b;font-weight:600;font-size:30px;margin-left:50px}#aboutme ul li.i4{color:#e57945;font-weight:400;font-size:40px}#aboutme ul li.i5{font-weight:400;font-size:60px;margin-left:165px;color:#fff;zoom:1;filter:alpha(opacity=50);-webkit-opacity:.5;-moz-opacity:.5;opacity:.5}#aboutme ul li.i6{color:#39569a;font-weight:100;font-size:50px;margin-top:-34px;margin-left:-34px}#aboutme .hello{width:100%;position:relative;padding:12px;margin:20px auto}#aboutme .hello .hackwrap{margin-bottom:2%;font-size:18px;font-family:monaco,Helvetica,Arial,sans-serif}#aboutme .hello .hackwrap .cursor,#aboutme .hello .hackwrap .firstChunk,#aboutme .hello .hackwrap .hackPrompt{display:inline-block;vertical-align:top}#aboutme .hello .hackwrap .hacktype{color:#ddd;text-align:left;text-shadow:2px 2px 1px rgba(0,0,0,.75)}#aboutme .hello .hackwrap .hacktype .hackPrompt{color:#fff}#aboutme .hello .hackwrap .hacktype .firstChunk{margin-right:-8px}#aboutme .hello .hackwrap .hacktype .cursor{min-width:12px;min-height:24px;background-color:#79ff4d;color:#000;text-shadow:none}#resume h2{font-size:18px;width:100%;text-align:center;margin:36px auto 18px}#resume h2:nth-of-type(1){margin-top:0}#resume h3,#resume li{margin-bottom:5px}#resume .company{font-size:18px}#resume .download-resume-btn{display:none;margin:6px auto;height:32px;width:220px;line-height:29px;font-size:16px;text-align:center}#resume .download-resume-btn .label:before{content:'⬇\00FE0E';font-size:18px;margin-right:8px}#resume .resume-body{max-width:700px;position:relative;line-height:24px;margin:auto;padding-top:24px;display:none}#resume .resume-body ul{margin-bottom:32px}#resume .resume-body h3{color:#fff}#resume .date{font-weight:lighter;color:#bbb}#resume em{color:#fff}#resume p.subtitle{text-align:center}#resume .pleaseWait{display:none;top:50%}#resume .dropbox-wrapper{position:relative;overflow:hidden}#resume .dropbox-wrapper #dropbox-resume-en,#resume .dropbox-wrapper #dropbox-resume-jp{display:none;transform:scalex(1.11) scaley(1.07)}#resume .dropbox-wrapper #dropbox-resume-en.showLang,#resume .dropbox-wrapper #dropbox-resume-jp.showLang{display:block}#resume .dropbox-wrapper iframe{height:2925px!important}#connect,#gallerySelect,#resume{text-align:center}#connect h2,#gallerySelect h2,#resume h2{font-family:colorbasic,Helvetica,Arial,sans-serif}#connect #connections,#connect #gallerySelectWrap,#connect #resumes,#gallerySelect #connections,#gallerySelect #gallerySelectWrap,#gallerySelect #resumes,#resume #connections,#resume #gallerySelectWrap,#resume #resumes{display:inline-block;margin-bottom:20px}#connect #connections .connectBox,#connect #gallerySelectWrap .connectBox,#connect #resumes .connectBox,#gallerySelect #connections .connectBox,#gallerySelect #gallerySelectWrap .connectBox,#gallerySelect #resumes .connectBox,#resume #connections .connectBox,#resume #gallerySelectWrap .connectBox,#resume #resumes .connectBox{margin:9px 3% 9px;font-weight:400;display:none;vertical-align:middle;font-size:30px}#connect #connections .connectBox .label,#connect #gallerySelectWrap .connectBox .label,#connect #resumes .connectBox .label,#gallerySelect #connections .connectBox .label,#gallerySelect #gallerySelectWrap .connectBox .label,#gallerySelect #resumes .connectBox .label,#resume #connections .connectBox .label,#resume #gallerySelectWrap .connectBox .label,#resume #resumes .connectBox .label{opacity:0;font-size:12px;padding:6px}#connect #connections .connectBox:hover .label,#connect #gallerySelectWrap .connectBox:hover .label,#connect #resumes .connectBox:hover .label,#gallerySelect #connections .connectBox:hover .label,#gallerySelect #gallerySelectWrap .connectBox:hover .label,#gallerySelect #resumes .connectBox:hover .label,#resume #connections .connectBox:hover .label,#resume #gallerySelectWrap .connectBox:hover .label,#resume #resumes .connectBox:hover .label{opacity:1}#connect #connections .connectList,#connect #connections .galleryList,#connect #connections .resumeList,#connect #gallerySelectWrap .connectList,#connect #gallerySelectWrap .galleryList,#connect #gallerySelectWrap .resumeList,#connect #resumes .connectList,#connect #resumes .galleryList,#connect #resumes .resumeList,#gallerySelect #connections .connectList,#gallerySelect #connections .galleryList,#gallerySelect #connections .resumeList,#gallerySelect #gallerySelectWrap .connectList,#gallerySelect #gallerySelectWrap .galleryList,#gallerySelect #gallerySelectWrap .resumeList,#gallerySelect #resumes .connectList,#gallerySelect #resumes .galleryList,#gallerySelect #resumes .resumeList,#resume #connections .connectList,#resume #connections .galleryList,#resume #connections .resumeList,#resume #gallerySelectWrap .connectList,#resume #gallerySelectWrap .galleryList,#resume #gallerySelectWrap .resumeList,#resume #resumes .connectList,#resume #resumes .galleryList,#resume #resumes .resumeList{font-family:colorbasic,Helvetica,Arial,sans-serif}#connect #connections .connectList p.item,#connect #connections .galleryList p.item,#connect #connections .resumeList p.item,#connect #gallerySelectWrap .connectList p.item,#connect #gallerySelectWrap .galleryList p.item,#connect #gallerySelectWrap .resumeList p.item,#connect #resumes .connectList p.item,#connect #resumes .galleryList p.item,#connect #resumes .resumeList p.item,#gallerySelect #connections .connectList p.item,#gallerySelect #connections .galleryList p.item,#gallerySelect #connections .resumeList p.item,#gallerySelect #gallerySelectWrap .connectList p.item,#gallerySelect #gallerySelectWrap .galleryList p.item,#gallerySelect #gallerySelectWrap .resumeList p.item,#gallerySelect #resumes .connectList p.item,#gallerySelect #resumes .galleryList p.item,#gallerySelect #resumes .resumeList p.item,#resume #connections .connectList p.item,#resume #connections .galleryList p.item,#resume #connections .resumeList p.item,#resume #gallerySelectWrap .connectList p.item,#resume #gallerySelectWrap .galleryList p.item,#resume #gallerySelectWrap .resumeList p.item,#resume #resumes .connectList p.item,#resume #resumes .galleryList p.item,#resume #resumes .resumeList p.item{font-size:18px;text-align:left;text-shadow:none}#connect #connections .connectList p.item a.selected,#connect #connections .galleryList p.item a.selected,#connect #connections .resumeList p.item a.selected,#connect #gallerySelectWrap .connectList p.item a.selected,#connect #gallerySelectWrap .galleryList p.item a.selected,#connect #gallerySelectWrap .resumeList p.item a.selected,#connect #resumes .connectList p.item a.selected,#connect #resumes .galleryList p.item a.selected,#connect #resumes .resumeList p.item a.selected,#gallerySelect #connections .connectList p.item a.selected,#gallerySelect #connections .galleryList p.item a.selected,#gallerySelect #connections .resumeList p.item a.selected,#gallerySelect #gallerySelectWrap .connectList p.item a.selected,#gallerySelect #gallerySelectWrap .galleryList p.item a.selected,#gallerySelect #gallerySelectWrap .resumeList p.item a.selected,#gallerySelect #resumes .connectList p.item a.selected,#gallerySelect #resumes .galleryList p.item a.selected,#gallerySelect #resumes .resumeList p.item a.selected,#resume #connections .connectList p.item a.selected,#resume #connections .galleryList p.item a.selected,#resume #connections .resumeList p.item a.selected,#resume #gallerySelectWrap .connectList p.item a.selected,#resume #gallerySelectWrap .galleryList p.item a.selected,#resume #gallerySelectWrap .resumeList p.item a.selected,#resume #resumes .connectList p.item a.selected,#resume #resumes .galleryList p.item a.selected,#resume #resumes .resumeList p.item a.selected{color:#000;background-color:#79ff4d}#connect #connections .connectList p.item a,#connect #connections .galleryList p.item a,#connect #connections .resumeList p.item a,#connect #gallerySelectWrap .connectList p.item a,#connect #gallerySelectWrap .galleryList p.item a,#connect #gallerySelectWrap .resumeList p.item a,#connect #resumes .connectList p.item a,#connect #resumes .galleryList p.item a,#connect #resumes .resumeList p.item a,#gallerySelect #connections .connectList p.item a,#gallerySelect #connections .galleryList p.item a,#gallerySelect #connections .resumeList p.item a,#gallerySelect #gallerySelectWrap .connectList p.item a,#gallerySelect #gallerySelectWrap .galleryList p.item a,#gallerySelect #gallerySelectWrap .resumeList p.item a,#gallerySelect #resumes .connectList p.item a,#gallerySelect #resumes .galleryList p.item a,#gallerySelect #resumes .resumeList p.item a,#resume #connections .connectList p.item a,#resume #connections .galleryList p.item a,#resume #connections .resumeList p.item a,#resume #gallerySelectWrap .connectList p.item a,#resume #gallerySelectWrap .galleryList p.item a,#resume #gallerySelectWrap .resumeList p.item a,#resume #resumes .connectList p.item a,#resume #resumes .galleryList p.item a,#resume #resumes .resumeList p.item a{text-decoration:none}#connect #contact-form,#gallerySelect #contact-form,#resume #contact-form{display:inline-block;width:60%}#connect #contact-form iframe,#gallerySelect #contact-form iframe,#resume #contact-form iframe{height:446px;margin-bottom:26px}#minecraft td{padding:10px}#bubbleshooter .iframeWrapper{position:relative;width:390px;height:750px;margin:0 auto 36px;background-image:url(../img/iphone.png);background-size:100%;background-repeat:no-repeat}#bubbleshooter .iframeWrapper .spinner{display:none;position:absolute;top:0;left:0;width:100%;height:750px;background-image:url(../img/spinner.png);background-size:50px 50px;background-position:center;background-repeat:no-repeat;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}#bubbleshooter .iframeWrapper .screenshot,#bubbleshooter .iframeWrapper iframe{position:absolute;width:640px;height:960px;-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;-o-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-transform:translate(37px,138px) scale(.5);-moz-transform:translate(37px,138px) scale(.5);-ms-transform:translate(37px,138px) scale(.5);-o-transform:translate(37px,138px) scale(.5);transform:translate(37px,138px) scale(.5)}#bubbleshooter .iframeWrapper .screenshot{background-image:url(../img/bubbleshooterScreen.jpg);background-size:100%;background-repeat:no-repeat;cursor:pointer}#bubbleshooter .iframeWrapper.running .screenshot{display:none}#bubbleshooter .iframeWrapper.loading .screenshot{display:none}#bubbleshooter .iframeWrapper.loading .spinner{display:block;-webkit-animation-name:spinCW;-moz-animation-name:spinCW;-o-animation-name:spinCW;animation-name:spinCW}@media only screen and (min-width:960px){header .header-social-icons{margin:auto;width:245px;text-align:center}header .navWrapper{max-width:1280px;margin:auto}#page{padding-top:69px}.app.showGallery #gallery{width:33%;padding:0 0 0 2%}.app.showGallery #content{width:67%}}@media only screen and (min-width:1920px){#main-nav{margin:12px 0}#main-nav .button{width:182px}#gallery .gallery-item{height:102px}.app.showGallery #gallery{width:25%;padding:0 0 0 2%}.app.showGallery #content{width:75%}}@media only screen and (max-width:1919px){#logo-mywork{width:128px;height:75px;float:left;background:6px 32px no-repeat}#page{padding-top:69px}#main-nav{margin:12px 0}#main-nav .button{width:182px}#gallery .gallery-item{height:102px}}@media only screen and (max-width:1023px){#main-nav .button{width:142px}#logo-mywork{display:none}#gallery .gallery-item{height:82px}.gal-prev-btn{display:none}.app.showGallery #gallery{padding:0 0 0 2%;width:25%}.app.showGallery #content{width:75%}}@media only screen and (min-width:640px) and (max-width:959px){#header{margin-bottom:12px}#main-nav{position:relative;display:block;text-align:center;margin:0}#main-nav ul{width:100%}#main-nav li{width:23%;margin:6px 2px}#main-nav .button{width:100%}#logo-mywork{display:none}#gallery .gallery-item{height:148px}#gallery .gallery-item h2{height:30px;font-size:18px;line-height:30px}#content{width:100%}#content article .artifact-image{display:inline-block}#content .toolbar.bottom.shouldShow{display:block}#connect #contact-form{width:100%}}@media only screen and (max-width:959px){header{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}header.scrolling{-webkit-transform:translate3d(0,-65px,0);-moz-transform:translate3d(0,-65px,0);-ms-transform:translate3d(0,-65px,0);-o-transform:translate3d(0,-65px,0);transform:translate3d(0,-65px,0)}header .header-social-icons{position:absolute;right:0;text-align:right;width:100%;margin:30px 15px}#page{padding-top:119px;width:200%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}#gallery{width:50%;zoom:1;filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0;padding:0 2%}#content{width:50%;overflow-x:hidden}#content #wrapper{padding-bottom:50px}.app{overflow-x:hidden}.app.showGallery #page{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.app.showGallery #gallery{margin-top:12px;padding:0 2%;zoom:1;filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1;width:50%}.app.showGallery #content{width:50%;overflow:hidden;height:102px}.app.showGallery header.showLang .langButtons{display:none}#nav-gallery .icon{display:none}}@media only screen and (max-width:639px){#main-nav{position:relative;display:block;margin:0}#main-nav ul{margin:auto;text-align:center;width:100%}#main-nav ul li{width:30%}#main-nav .button{height:34px;line-height:30px;float:none;clear:both;margin:6px 0;width:100%}#main-nav .button .label{font-size:16px}#logo-mywork{display:none}#logo{font-size:42px}#gallery .gallery-item{height:98px}#content article .artifact-image{display:inline-block}#content .toolbar.bottom.shouldShow{display:block}#connect h2{font-size:20px}#connect #contact-form{width:100%}#connect #connections{margin-bottom:20px}#aboutme h2{font-size:40px}#aboutme h2 span:nth-of-type(4){margin:0 24px}#aboutme ul{text-align:left;margin:0}#bubbleshooter .iframeWrapper{background-image:none;width:200%;height:960px;margin:0 0 -450px -4%;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;-o-transform-origin:0 0 0;transform-origin:0 0 0}#bubbleshooter .iframeWrapper .screenshot,#bubbleshooter .iframeWrapper iframe{position:relative;margin:auto;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}#bubbleshooter .iframeWrapper iframe{display:none}#bubbleshooter .iframeWrapper .screenshot{display:block}#bubbleshooter .iframeWrapper.running iframe{display:block}#bubbleshooter .iframeWrapper.running .screenshot{display:none}footer .copyWrap p.refresh{display:none}}@media only screen and (min-width:960px) and (max-width:1079px){header #main-nav{margin:12px 0}header #main-nav .button{width:145px}header .header-social-icons{width:230px}}@media only screen and (max-width:320px){header .header-social-icons{width:25%;margin:10px 15px;line-height:26px}}