html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}*{margin:0;padding:0;border:0;outline:0}body,html{width:100%;height:100%}a,a:active,a:hover,a:visited{color:inherit;text-decoration:none}*{font-family:Roboto,sans-serif;color:#444}h1{font-size:2.6rem;line-height:3.6rem}h2{font-size:2rem;margin-bottom:2rem}h3{font-size:1.6rem}p{line-height:2.4rem}.text-accent{color:#ef4836;font-weight:700}.text-secondary{color:#999}.text-secondary span{color:inherit}.text-lg{font-size:1.5rem}.text-sm{font-size:.7rem}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%}main{position:relative;width:90%;margin:2rem auto;-webkit-transform:translateX(2rem);transform:translateX(2rem);opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease}@media (min-width:600px){main{width:80%}}@media (min-width:1200px){main{width:70%}}main.visible{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}main.seen{-webkit-transform:translateX(-2rem);transform:translateX(-2rem)}.next{display:inline-block;font-weight:700;cursor:pointer}.next:first-of-type{margin-top:3rem}.reveal-trigger{-webkit-transition:all .5s ease;transition:all .5s ease}.reveal-trigger.hidden{opacity:0}ul li .text-secondary a{border-bottom:1px solid #999;padding-bottom:.1rem;cursor:pointer}.text-lg~ul{font-size:1.5rem}ul{margin-bottom:1rem;padding-left:1rem;list-style-type:none}ul li{line-height:2.2rem}ul li:before{content:'\2014\00a0'}ul li:not(:last-child){margin-bottom:.8rem}ul li:first-child{margin-top:.8rem}.lined-heading:after{display:inline-block;position:relative;width:75%;height:1px;margin-bottom:.4rem;margin-left:1rem;content:'';background-color:#888}@media (max-width:599px){.lined-heading:after{display:block;width:100%;margin-top:.8rem;margin-left:0}}a.text-accent{color:inherit;-webkit-transition:color .2s ease;transition:color .2s ease}a.text-accent:hover{color:#ef4836}.social{display:-webkit-box;display:-ms-flexbox;display:flex}.footer{position:fixed;bottom:0;width:100%;padding:1rem;text-align:center;background-color:#eee;border-top:1px solid #ddd}.footer a:not(:first-child){margin-left:.2rem}.btn{padding:.5rem 1rem;background-color:#2ecc71;color:#fff;cursor:pointer}.btn--rounded{border-radius:20px}.btn--secondary{background-color:#666}form{padding:1rem}form .btn{font-size:1.2rem}form .btn i{color:#fff}.form-group{display:block;padding:1rem 0}.form-group label{display:block;margin-bottom:.6rem;font-weight:700}.form-group input,.form-group textarea{width:100%;padding:1rem;font-size:1.2rem;border:4px solid #eee;-webkit-transition:all .2s ease;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#444}.section-wrap{position:relative;height:100%}section{display:none;position:absolute;opacity:0;-webkit-transform:translateX(2rem);transform:translateX(2rem);-webkit-transition:all .4s ease;transition:all .4s ease}section.visible{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}section.seen{-webkit-transform:translateX(-2rem);transform:translateX(-2rem)}section:first-of-type{z-index:3}section:nth-of-type(2){z-index:2}section:last-of-type{z-index:1}.floater{position:fixed;top:2rem;right:2rem;padding:1rem;border:1px solid #ddd;text-align:center}.floater__text{margin-bottom:.6rem}.floater__smalltext{font-size:.8rem}.floater button{margin-bottom:.6rem}.floater__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-top:.6rem}.floater__footer .social{font-size:1.4rem}@media (max-width:599px){.floater{display:none}}.projects{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:1rem;margin-bottom:2rem}@media (max-width:599px){.projects{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.projects.codepen{display:block;margin-bottom:8rem}.projects.codepen .project{margin-left:0}.project.mobile-unfriendly{display:none}@media (min-width:900px){.project.mobile-unfriendly{display:initial}}.project{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;margin:3rem auto}@media (min-width:600px){.project:not(:first-of-type){margin-left:3rem}}.project__image{margin:1rem auto}.project__title{margin-bottom:.6rem;font-size:1.2rem;font-weight:700}.project__description{margin-bottom:1rem}.project__description p{line-height:1.5rem}.project ul{padding-left:0;margin-bottom:1rem;list-style-type:none}.project ul li{position:relative;line-height:1.6rem}.project ul li:before{content:''}.project__links{margin-bottom:1rem}.project__links p{line-height:1.8rem;font-weight:700}.project__links p a:hover{color:#888}