*{margin:0;padding:0}* ul{list-style-position:inside}html{font-family:Noto Sans,Helvetica,Arial,Verdana,sans-serif;font-size:1.35em;line-height:1.65em;height:100%}body{color:#343434;background-color:#252525;text-shadow:1px 1px 1px rgba(0,0,0,.15);height:100%}h1{font-size:1.75rem;line-height:100%;margin-bottom:2.5rem}h1 a{border:initial;-webkit-transition:all 0 ease 0;-moz-transition:all 0 ease 0;-o-transition:all 0 ease 0;transition:all 0 ease 0;border:none!important}h1 a:hover{border:initial}h1 a:after{display:none}h1 a:hover{border:none!important}h2{margin-bottom:.75rem}p{line-height:175%;margin-bottom:1rem}a{text-decoration:none;color:#343434;border-bottom:1px dotted #343434;position:relative;display:inline-block;-webkit-transition:border .5s;-moz-transition:border .5s;-o-transition:border .5s;transition:border .5s}a:after{content:"";width:0%;height:2px;display:inline-block;position:absolute;bottom:-1.5px;left:0;background-color:#343434;margin-left:50%;margin-top:1px;-webkit-transition:width .5s,margin-left .5s;-moz-transition:width .5s,margin-left .5s;-o-transition:width .5s,margin-left .5s;transition:width .5s,margin-left .5s}a:hover{border-bottom:1px dotted transparent!important}a:hover:after{width:100%;margin-left:0%}div#wrapper{padding-left:350px}@media screen and (max-width: 960px){div#wrapper{padding-left:0}}aside#meta{color:#dedede;background-color:#252525;width:350px;text-align:center;position:fixed;top:0;bottom:0;left:0;padding:2em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;box-shadow:3px 0 10px 1px #00000026}aside#meta ul#nav-list{border-bottom:1px dotted #343434;border-top:1px dotted #343434;list-style:none outside none;margin:50px auto}aside#meta ul#nav-list li{display:inline-block;margin:.5rem .25rem}aside#meta ul#social{list-style:none outside none;margin:50px auto}aside#meta ul#social li{display:inline-block;height:60px;width:60px}aside#meta ul#social li a{border:initial;-webkit-transition:all 0 ease 0;-moz-transition:all 0 ease 0;-o-transition:all 0 ease 0;transition:all 0 ease 0;color:#fff;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;width:60px;height:60px;line-height:60px;transform:scale(.75);font-size:1.5rem;-webkit-transition:transform .5s ease;-moz-transition:transform .5s ease;-o-transition:transform .5s ease;transition:transform .5s ease;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}aside#meta ul#social li a:hover{border:initial}aside#meta ul#social li a:after{display:none}aside#meta ul#social li a:hover{transform:scale(1)}aside#meta ul#social li.twitter a{background-color:#0af}aside#meta ul#social li.github a{background-color:#ff2464}aside#meta ul#social li.tumblr a{background-color:#ff8e00}aside#meta a{color:#dedede;border-bottom-color:#dedede}aside#meta a:after{background-color:#fff}@media screen and (max-width: 960px){aside#meta{position:initial;width:100%;padding:.5rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-justify-content:space-around;-webkit-justify-content:space-around;justify-content:space-around;box-shadow:0 3px 10px 1px #00000026;z-index:1}aside#meta #me{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}aside#meta #me h1{margin:0;display:inline-block}aside#meta #me .avatar-wrapper{order:-1}aside#meta nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-align:column-reverse;flex-direction:column-reverse}aside#meta ul#nav-list,aside#meta ul#social{margin:0}aside#meta ul#nav-list li,aside#meta ul#social li{margin:0}aside#meta ul#nav-list{border:0}aside#meta ul#nav-list li{margin:0 .5rem}}@media screen and (max-width: 625px){aside#meta ul#nav-list li{margin:0}aside#meta ul#social li{width:40px;height:40px}aside#meta ul#social li a{width:40px;height:40px;line-height:40px;font-size:1.25rem}}section#content{min-height:100vh;background-color:#eee;margin:0 auto;padding:2rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}section#content>article{max-width:1050px;margin:0 auto 4rem}section#content:after{content:"";width:75%;display:block;margin:0 auto;border-bottom:1px solid #DDDDDD}@media screen and (max-width: 960px){section#content{padding:1rem .5rem}}.avatar-wrapper figure{overflow:hidden}.avatar-wrapper figure figcaption{position:relative}.avatar-wrapper figure figcaption .specs{position:absolute;top:-100px;left:2px;-webkit-transition:top .5s ease-in-out;-moz-transition:top .5s ease-in-out;-o-transition:top .5s ease-in-out;transition:top .5s ease-in-out}.avatar-wrapper figure figcaption .dwi{position:absolute;top:150px;left:-29.5px;-webkit-transition:top .5s ease-in-out;-moz-transition:top .5s ease-in-out;-o-transition:top .5s ease-in-out;transition:top .5s ease-in-out}body.konami .avatar-wrapper figure figcaption .specs{top:49px}body.konami .avatar-wrapper figure figcaption .dwi{top:10px}.avatar-wrapper{height:150px;display:flex;justify-content:center;align-items:center}.avatar-wrapper figure{width:150px;height:150px;background-color:#02b1f1;background-image:url(/assets/img/bg.png);background-repeat:repeat;background-position:center center;background-attachment:fixed;border:.2em solid #FFFFFF;border-radius:50%;display:flex;justify-content:center;align-items:center;-webkit-transition:width 1s,height 1s;-moz-transition:width 1s,height 1s;-o-transition:width 1s,height 1s;transition:width 1s,height 1s;-webkit-animation:animatedCircleBackground 1.5s linear infinite;-moz-animation:animatedCircleBackground 1.5s linear infinite;-o-animation:animatedCircleBackground 1.5s linear infinite;animation:animatedCircleBackground 1.5s linear infinite;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}.avatar-wrapper figure figcaption{display:flex;align-items:center;margin-top:0;margin-bottom:0}.avatar-wrapper figure:hover{width:175px;height:175px;-webkit-animation-play-state:running;-moz-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running}.avatar-wrapper figure:hover figcaption{-webkit-animation:animatedPictureFloat 1.5s linear infinite;-moz-animation:animatedPictureFloat 1.5s linear infinite;-o-animation:animatedPictureFloat 1.5s linear infinite;animation:animatedPictureFloat 1.5s linear infinite}@media screen and (max-width: 960px){.avatar-wrapper{height:inherit;padding:.5rem}.avatar-wrapper figure{height:50px;width:50px;animation:none!important;transition:none!important;background-size:5%}.avatar-wrapper figure figcaption{animation:none!important}.avatar-wrapper figure figcaption img{width:75%;margin:auto}.avatar-wrapper figure figcaption img.specs,.avatar-wrapper figure figcaption img.dwi{display:none}}article{background-color:#fff;padding:1em;border:1px solid #DDDDDD;box-shadow:3px 3px 10px 1px #00000026}ul.project-list{list-style:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-ms-justify-content:space-around;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}ul.project-list li{margin:.5rem .5rem 1rem}ul.project-list li .proj-title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-ms-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between}ul.project-list li .proj-title time{font-style:italic;font-size:.8rem}ul.project-list li .proj-tile{width:initial;height:initial;border:none}ul.project-list li .proj-tile img{width:100%;border:1px solid #343434}@media screen and (min-width: 961px){ul.project-list li .proj-tile{display:block;position:relative;width:450px;height:300px;border:1px solid #343434;overflow:hidden}ul.project-list li .proj-tile img{width:100%;height:100%}ul.project-list li .proj-tile ul.link-list{margin:0}ul.project-list li .shade{color:#fff;text-align:center;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#252525bf;opacity:0;transform:scale(1.5);-webkit-transition:transform .25s ease-in-out,opacity .25s ease-in-out;-moz-transition:transform .25s ease-in-out,opacity .25s ease-in-out;-o-transition:transform .25s ease-in-out,opacity .25s ease-in-out;transition:transform .25s ease-in-out,opacity .25s ease-in-out;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-align:column;flex-direction:column;-ms-justify-content:space-around;-webkit-justify-content:space-around;justify-content:space-around}ul.project-list li .shade ul.link-list .btn{border:initial;-webkit-transition:all 0 ease 0;-moz-transition:all 0 ease 0;-o-transition:all 0 ease 0;transition:all 0 ease 0;color:#fff;padding:.25rem;margin:.25rem 0;border:2px solid #FFFFFF;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;-webkit-transition:color .25s;-moz-transition:color .25s;-o-transition:color .25s;transition:color .25s;-webkit-transition-delay:.125s;-moz-transition-delay:.125s;-o-transition-delay:.125s;transition-delay:.125s}ul.project-list li .shade ul.link-list .btn:hover{border:initial}ul.project-list li .shade ul.link-list .btn:after{display:none}ul.project-list li .shade ul.link-list .btn:after{display:block;content:"";background-color:#fff;z-index:-1;position:absolute;margin:0;width:100%;height:150%;top:100%;left:0;right:0;-webkit-transition:top .5s;-moz-transition:top .5s;-o-transition:top .5s;transition:top .5s}ul.project-list li .shade ul.link-list .btn:hover{color:#343434!important}ul.project-list li .shade ul.link-list .btn:hover:after{top:-10px}ul.project-list li .shade ul.link-list .btn:hover{border:2px solid #FFFFFF!important}ul.project-list li .shade ul.link-list .btn:visited{color:#fff}ul.project-list li .shade .tagline{padding:.5rem}ul.project-list li:hover .shade{opacity:1;transform:scale(1)}}ul.link-list{list-style:none;margin-bottom:1.25em}ul.link-list li{display:inline}ul.link-list .btn{border:initial;-webkit-transition:all 0 ease 0;-moz-transition:all 0 ease 0;-o-transition:all 0 ease 0;transition:all 0 ease 0;color:#343434;padding:.25rem;margin:.25rem 0;border:2px solid #343434;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;-webkit-transition:color .25s;-moz-transition:color .25s;-o-transition:color .25s;transition:color .25s;-webkit-transition-delay:.125s;-moz-transition-delay:.125s;-o-transition-delay:.125s;transition-delay:.125s}ul.link-list .btn:hover{border:initial}ul.link-list .btn:after{display:none}ul.link-list .btn:after{display:block;content:"";background-color:#343434;z-index:-1;position:absolute;margin:0;width:100%;height:150%;top:100%;left:0;right:0;-webkit-transition:top .5s;-moz-transition:top .5s;-o-transition:top .5s;transition:top .5s}ul.link-list .btn:hover{color:#fff!important}ul.link-list .btn:hover:after{top:-10px}ul.link-list .btn:hover{border:2px solid #343434!important}ul.link-list .btn:visited{color:#343434}.sr-only{clip:rect(0,0,0,0);position:absolute!important;height:0;width:0;overflow:hidden}@keyframes animatedCircleBackground{0%{background-position:0 0}to{background-position:89px 89px}}@-webkit-keyframes animatedCircleBackground{0%{background-position:0 0}to{background-position:89px 89px}}@keyframes animatedPictureFloat{0%{margin-top:0;margin-bottom:0}25%{margin-top:0;margin-bottom:10px}50%{margin-top:0;margin-bottom:0}75%{margin-top:10px;margin-bottom:0}to{margin-top:0;margin-bottom:0}}@-webkit-keyframes animatedPictureFloat{0%{margin-top:0;margin-bottom:0}25%{margin-top:0;margin-bottom:10px}50%{margin-top:0;margin-bottom:0}75%{margin-top:10px;margin-bottom:0}to{margin-top:0;margin-bottom:0}}