@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}html{-webkit-animation:fadein 0.5s;-moz-animation:fadein 0.5s;-ms-animation:fadein 0.5s;-o-animation:fadein 0.5s;animation:fadein 0.5s;height:100%;min-width:320px;width:100%}html ::selection{background-color:#7f9ebd;color:white}html ::-moz-selection{background-color:#7f9ebd;color:white}html ::-webkit-scrollbar{display:none}body{font-family:"Source Sans Pro",sans-serif;font-size:16px;height:100%;line-height:normal;margin:0;width:100%}@media only screen and (min-width: 1024px){body{display:-webkit-flex;display:flex}}a{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;color:#7f9ebd;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:"Source Sans Pro",serif;font-weight:700}h1{font-size:1.5em}@media only screen and (min-width: 480px){h1{font-size:2.25em}}h2{font-size:1.25em}h3{font-size:1em}h4{font-size:0.75em;text-transform:uppercase;letter-spacing:0.05rem}p{line-height:1.5;margin:0 0 1em}ul,ol{padding:0}blockquote{box-sizing:border-box;font-style:italic;padding:0 1rem}strong{font-weight:700}section{-webkit-flex:1;flex:1}.hide,.hide.hide-b-sm,.hide.hide-b-md,.hide.hide-b-lg,.hide.hide-b-xl{display:none}.hide-opacity{-webkit-transition:opacity 0.5s ease-in;-moz-transition:opacity 0.5s ease-in;-ms-transition:opacity 0.5s ease-in;-o-transition:opacity 0.5s ease-in;transition:opacity 0.5s ease-in;opacity:0}.hide-opacity a{cursor:default}.show-opacity{-webkit-animation:fadein 0.5s;-moz-animation:fadein 0.5s;-ms-animation:fadein 0.5s;-o-animation:fadein 0.5s;animation:fadein 0.5s;opacity:1}.hide-b-sm{display:none}@media only screen and (min-width: 480px){.hide-b-sm{display:initial}}.hide-a-sm{display:initial}@media only screen and (min-width: 480px){.hide-a-sm{display:none}}.hide-b-md{display:none}@media only screen and (min-width: 768px){.hide-b-md{display:initial}}.hide-a-md{display:initial}@media only screen and (min-width: 768px){.hide-a-md{display:none}}.hide-b-lg{display:none}@media only screen and (min-width: 1024px){.hide-b-lg{display:initial}}.hide-a-lg{display:initial}@media only screen and (min-width: 1024px){.hide-a-lg{display:none}}.container{box-sizing:border-box;padding:1em;width:100%}.nowrap{white-space:nowrap}.text-impactful{font-family:'PT Sans Narrow';font-size:2rem;letter-spacing:0.08rem;text-transform:uppercase}.no-m-top{margin-top:0}img.w25{width:25%}img.w33{width:33%}img.w50{width:50%}img.w75{width:75%}nav{background-color:#7f9ebd;color:white;transition:width 0.5s;width:100%}@media only screen and (min-width: 1024px){nav{align-items:flex-start;display:-webkit-flex;display:flex;height:100%;width:5em}nav:hover{width:6em}}nav.expand{align-items:center;width:100%}nav.expand .about{display:initial}@media only screen and (min-width: 1024px){nav.expand{width:50%}}nav .container{align-items:center;display:-webkit-flex;display:flex;flex-direction:row;justify-content:space-between}nav .container h1{margin-bottom:1em}nav .container ul{margin:0}@media only screen and (min-width: 1024px){nav .container ul{margin-top:2rem}}nav .container li{display:inline-block;list-style-type:none;margin-left:1em}nav .container li:first-child{margin-left:0}nav .container a{color:white}nav .container a:hover,nav .container a:hover i{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;color:rgba(194,196,198,0.8)}nav .container .about{margin:1rem 0}@media only screen and (min-width: 1024px){nav .container{flex-direction:column;padding-top:2em;text-align:center}nav .container>*{width:100%}}nav.expand .container{height:100vh;flex-direction:column;justify-content:center;padding:5em 15%;text-align:left}nav.expand .container ul{margin-top:0.75rem;width:100%}nav .about{display:none}@media only screen and (min-width: 1024px){body:not(.home) nav li{display:list-item;margin:0 0 1em}}.portfolio .container{display:flex;flex-direction:column;max-height:100vh;padding:5rem 2rem}@media only screen and (min-width: 480px){.portfolio .container{padding-left:15%;padding-right:15%}}@media only screen and (min-width: 1024px){.portfolio .container{overflow-y:auto;-webkit-overflow-scrolling:touch}}.thumb{-webkit-animation:fadein 0.5s;-moz-animation:fadein 0.5s;-ms-animation:fadein 0.5s;-o-animation:fadein 0.5s;animation:fadein 0.5s;background-size:100%;background-position:center;margin-bottom:5rem;min-height:225px;transition:all 0.35s;width:100%}@media only screen and (min-width: 1024px){.thumb{min-height:300px}}.thumb-desc{color:#5a636c;margin:0.5rem 0;text-align:center}.thumb-desc:last-of-type{margin-bottom:0}.thumb-desc>*{margin:0}.portfolio a:hover .thumb{background-size:105%;box-shadow:inset 0 0 0 100vmax rgba(20,20,20,0.1)}.thumb-beacon{background-image:url("../img/portfolio/beacon-thumb.png")}.thumb-camabis{background-image:url("../img/portfolio/camabis-thumb-2.png")}.thumb-connect{background-image:url("../img/portfolio/connect-thumb-2.png")}.thumb-docscom{background-image:url("../img/portfolio/docscom-thumb-2.png")}.thumb-shopify{background-image:url("../img/portfolio/shopify-thumb.png")}.thumb-tabbit{background-image:url("../img/portfolio/tabbit1.png")}.project a:hover{background-color:rgba(194,196,198,0.8);opacity:1}.project .container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;padding-right:0;position:absolute;width:initial}@media only screen and (min-width: 1024px){.project .container{-webkit-flex-direction:row;flex-direction:row}}.project .main{-webkit-flex:1;flex:1;padding:1em}@media only screen and (min-width: 1024px){.project .main{overflow-y:auto;-webkit-overflow-scrolling:touch}}.project .main h2,.project .main h3,.project .main h4,.project .main h5,.project .main h6{color:#5a636c;margin:2rem 0 0.25rem}.project .main h2.no-m-top,.project .main h3.no-m-top,.project .main h4.no-m-top,.project .main h5.no-m-top,.project .main h6.no-m-top{margin-top:0}.project .main h2{margin-top:3rem}.project .main h3{font-size:1rem}.project .main p,.project .main blockquote,.project .main em,.project .main ul,.project .main ol{color:#5a636c;line-height:1.5;margin:1rem 0}@media only screen and (min-width: 1024px){.project .main p,.project .main blockquote,.project .main em,.project .main ul,.project .main ol{margin-top:0;max-width:600px}}.project .main ol,.project .main ul{color:#5a636c;margin:-1em 0 0.5rem 1.5em}.project .main img{display:block;margin:1em 0 0.5em;max-width:72rem}.project .main img:not([class*='w']){width:100%}.project .main img.screenie{border:1px solid #c2c4c6;margin:0 auto}@media only screen and (min-width: 1024px){.project .main img.screenie{margin:initial}}.project .main .screenie-group{align-items:baseline;display:flex;overflow-x:scroll}.project .main .screenie-group img{display:inline-block;margin-right:1em;max-height:500px}.project .main .screenie-group img:last-of-type{margin-right:0}.project .main .caption{font-family:"Source Sans Pro",sans-serif;font-size:0.75em;margin:0.5rem 0 1.5rem;text-align:center}@media only screen and (min-width: 1024px){.project .main .caption{text-align:left}}.project .main .problem{border-radius:0.25em;font-size:1.25em;font-style:italic;margin:1em 0;padding:2rem;text-align:center}@media only screen and (min-width: 1024px){.project .main .problem{max-width:530px}}.project .details{border-bottom:1px solid #5a636c;box-sizing:border-box;flex-shrink:0;line-height:1.5;min-width:200px;padding:1em;position:relative;width:100%}@media only screen and (min-width: 1024px){.project .details{border-bottom:none;width:20rem}}@media only screen and (min-width: 1400px){.project .details{width:25rem}}.project .details>*,.project .details ul a{color:#5a636c}.project .details li{list-style-type:none;margin-bottom:0.1em}.project .details .title{font-size:1em;font-weight:bold;margin:0}.project .details .sub-title{font-size:0.8em}.project .details .description{margin:1em 0}.project .table-of-contents{border-top:1px solid #c2c4c6;margin-top:1.5rem}.project .table-of-contents h4{margin-top:1.5rem}.project .table-of-contents .active,.project .table-of-contents .active:hover{background-color:initial;color:#7f9ebd}.mobile .table-of-contents{display:none}.project .project-nav{padding-top:1em;text-align:center}@media only screen and (min-width: 1024px){.project .project-nav{padding-top:0;text-align:left}}.mobile .project-nav{display:none}.project .project-nav .link{display:inline-block;margin-bottom:0.25em}.project .project-nav .link i{margin-right:0.5em}.project .project-nav .link.hide{display:none}.project .project-nav .link.back,.project .project-nav .link.next{margin:0 0.5em}@media only screen and (min-width: 1024px){.project .project-nav .link.back,.project .project-nav .link.next{bottom:0;left:0;position:absolute}}@media only screen and (min-width: 1024px){.project .project-nav .link.back{bottom:2em}}.v2.flex{align-items:center;display:flex;justify-content:center}.v2 h1{margin:0}.v2 ul{list-style:none}.v2 .roles{margin:2em 0}.v2 .roles ul{margin-bottom:1em}.v2 .roles>li:first-of-type li{color:black}.v2 .roles>li{color:#c2c4c6}.v2 .roles li li{color:#5a636c;margin-bottom:0.2em;}.v2 .links li{display:inline-block;margin-right:1em}.v2 a{color:#dee0e2}.v2 a:hover{color:#7f9ebd}
/*# sourceMappingURL=styles.css.map */