*{margin:0;padding:0;box-sizing:border-box}body{font-family:roboto,sans-serif;font-weight:400;line-height:1.5em;color:#333;background:#fff;width:100%}b,strong,h1,h2,h3,h4,h5,h6{font-weight:700}h1,h2,h3,h4,h5,h6{font-family:roboto slab,serif;margin:1em 0}p{font-family:roboto,sans-serif;margin:1em 0}img{border:0;max-width:100%;height:auto}figure{text-align:center}figure figcaption{font-style:italic;font-size:90%}a{text-decoration:none;border-bottom:2px dotted #f70;color:#333}a:visited{border-color:#333}a:hover{border-bottom:2px solid}ul,ol{margin:1em}ul li,ol li{margin-left:2em}section{margin:25px 0;overflow:hidden}section h2{text-align:center}.container{max-width:950px;margin:0 auto;padding:0 25px}header{position:relative;font-family:roboto condensed,sans-serif;font-weight:700;line-height:160%;width:100%;background-color:#fff}header a{border:none}header>.logo img{max-height:50px;width:auto;display:block;padding:5px;position:fixed;top:0;left:0;z-index:100}.menu-overlay{background-color:rgba(0,0,0,.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:10}.menu-button{top:5px;right:20px;position:fixed;display:block;text-align:center;border:none;z-index:101;line-height:36px;font-size:21px}.menu-button:hover{border:none}.menu-button.active{color:#fff}nav.main{position:fixed;top:0;right:0;width:400px;height:100vh;display:none;z-index:100}@media(max-width:767px){nav.main{width:100vw}}nav.main.active{display:block}nav.main a{border:none}nav.main .menu{background-color:#39f;position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;padding:50px 0 0;margin:0;animation-duration:250ms}nav.main .menu li{display:block;margin:0;padding:0;list-style:none;animation-duration:250ms;text-align:right;width:100%}nav.main .menu li a{display:block;color:#fff;border:none;font-family:roboto,sans-serif;font-size:3em;line-height:1.5;font-weight:900;padding:5px 20px}@media(max-width:767px){nav.main .menu li a{font-size:2em}}nav.main .menu li a:hover{background-color:#fff;color:#39f}nav.main .menu li:nth-child(2){animation-delay:100ms}nav.main .menu li:nth-child(3){animation-delay:150ms}nav.main .menu li:nth-child(4){animation-delay:200ms}nav.main .menu li:nth-child(5){animation-delay:250ms}nav.main .menu li:nth-child(6){animation-delay:300ms}nav.main .menu li:nth-child(7){animation-delay:350ms}footer{text-align:center;color:#777;font-size:90%;padding:25px 0 75px;margin-top:50px;background-color:#eee}footer a{color:#777;border-color:#777}footer .legal{font-size:80%;margin:0 5vw;line-height:1.5;color:#aaa}footer .legal a{color:inherit;border:none;text-decoration:underline;white-space:nowrap}.tagline{position:relative;margin:0 0 -25px;padding:25px 0;background-color:#39f;color:#fff;font-size:150%;line-height:180%;text-align:center;overflow:visible}.tagline .container{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;align-items:center}.tagline a{color:#fff;border-color:#fff}.tagline .avatar{border:none}.tagline .avatar img{width:250px;height:auto;vertical-align:middle}@media(max-width:767px){.tagline .avatar img{width:125px}}.tagline p{width:65%;font-family:roboto slab,serif}@media(max-width:767px){.tagline p{font-size:85%;line-height:1.5}}.tagline span{animation-duration:.3s}.tagline span.fast{animation-duration:.1s}.tagline .big{font-size:120%;font-weight:700}.tagline .who-is-watson{font-family:kalam,roboto condensed,sans-serif;position:relative;display:block;text-align:center}.slogan{font-size:120%;font-family:roboto,sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-align:center}.slogan img{margin-left:-5px;width:50px;height:auto;vertical-align:middle}@media(max-width:768px){.tagline .container{display:block}.tagline p{width:100%}}@media(max-width:480px){.tagline{font-size:120%}}.services ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:0}.services li{list-style:none;text-align:center;width:50%;min-height:125px;padding:5px 25px;margin:5px 0;animation-duration:250ms}.services li:hover i{background-color:#39f;color:#fff}.services li i{display:inline-block;border:1px solid #ccc;height:44px;width:44px;line-height:44px;border-radius:22px}.services li span{display:block;margin:10px 0}.projects .container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.projects .container .project{position:relative;list-style:none;text-align:center;width:300px;max-width:300px;min-height:150px;cursor:pointer}.projects .container .project a{border:none;display:block}.projects .container .project .icon img{width:100%;height:auto;display:block}.projects .container .project .title{position:absolute;padding:25px;text-align:center;top:0;left:0;width:100%;height:100%;display:none}.projects .container .project .title span{animation-duration:250ms}.projects .container .project:hover .title{display:flex;flex-direction:column;justify-content:center;background-color:rgba(51,153,255,.9);font-weight:900;text-transform:uppercase;font-size:200%;line-height:120%;color:#fff}.projects .container .project:hover .title a{display:block;width:100%;height:100%;color:#fff}@media(max-width:768px){.projects .container .project:hover .title{display:none}}.project-details{position:relative;width:100%;max-width:800px;margin:0 auto;background-color:#fff;padding:25px}.project-details h3{font-size:150%}.project-details .fullsize{text-align:center}.project-details .fullsize img{max-width:100%;height:auto}.project-details .thumbs{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.project-details .thumbs img{max-width:40%;height:auto;margin:10px}.project-details .link{border:none}.project-details .link i{margin-left:10px}.project-details .tech{text-align:center}.project-details .tech strong{font-weight:700}.project-details .tech span{padding:4px 8px;background-color:#eee;font-size:80%;font-weight:700}.social{margin:0;padding:0;position:fixed;background-color:#eee;bottom:0;left:0;width:100%;display:none}.social .container{display:flex;flex-direction:row;justify-content:center;margin:0 auto;padding:0}.social .container a{flex-grow:1;border:none;color:#fff;display:block;padding:15px 20px;text-align:center}.social .container a:hover{color:#000;background:#fff}.social .container .twitter{background-color:#1da0f1}.social .container .gplus{background-color:#da4437}.social .container .instagram{background:radial-gradient(circle at 20% 140%,#fed373 4%,#f15245 30%,#d92e7f 60%,#9b36b7 85%,#515ecf)}.social .container .github{background-color:#f4f4f4;color:#000}.social .container .email{background-color:#4284f3}.contact .container{text-align:center}.contact .email-button{display:inline-block;padding:15px 30px;border:none;color:#fff;background-color:#39f;font-weight:700;font-size:120%;animation-iteration-count:infinite;animation-duration:2s}.callout{font-size:120%;text-align:center}@media(max-width:768px){.project-details{font-size:90%}}@media(max-width:480px){.projects .container .project{margin:10px 0;width:100%;max-width:100%}}.bio .container{text-align:justify}article nav{display:flex;justify-content:space-between}article nav .prev{text-align:left}article nav .next{text-align:right}body.contact section.contact{display:none}body.contact .container{text-align:center}@media(max-width:767px){body.contact .tagline p{display:none}}.alignleft{float:left;margin-right:10px}.alignright{float:right;margin-left:10px}.aligncenter{display:block;margin:0 auto}.center{text-align:center}pre{font:"Roboto Mono",monospace;background-color:#eee;padding:5px}pre>code{font:"Roboto Mono",monospace;font-size:80%;line-height:1.2em}.big{font-size:120%}