body{background-color:#fff}.container.project section{max-width:60em;margin:auto;margin-top:3em;margin-bottom:3em}main>h1{color:#6889c2;text-align:left}.intro{background-color:#e6e6e6;height:30em;position:relative}.profile-pic{position:absolute;top:0%;left:50%;transform:translate(-50%, -100%);margin:auto;min-width:100px !important;min-height:100px !important;max-height:50px !important;max-width:50px !important}.text-center{text-align:center}.text-right{text-align:right}h1{text-transform:uppercase;color:#fff;font-weight:700}h1.main-page,h1 .main-page{color:#f79b4b !important}.mini-bio{text-transform:uppercase;color:#7b7b81;font-size:1.2em}.mini-bio.main-page{font-size:1.5em;color:#6889c2 !important}h3{font-family:"Open Sans",sans-serif;color:#6889c2;font-weight:600;font-size:1.1em;padding-bottom:0.1em;display:inline-block}h1{font-family:"Barlow Condensed","Open Sans",sans-serif;font-size:4.4rem;font-weight:500;line-height:1.2;max-width:80rem}@media only screen and (min-width: 48em){h1{font-size:5.2rem}}@media only screen and (min-width: 62em){h1{font-size:7rem}}h2{font-family:"Barlow Condensed","Open Sans",sans-serif;font-size:2em;color:#f79b4b;font-weight:500;text-transform:uppercase;margin-bottom:1em;max-width:80rem}@media only screen and (min-width: 62em){h2{font-size:2.5em;margin:0}}p{font-size:1.5rem;line-height:1.8;color:#88888e}p a{color:#6889c2;text-decoration:underline}@media only screen and (min-width: 48em){p{font-size:1.6rem;line-height:1.6}}.main-nav a{position:relative;display:inline-block;outline:none}.main-nav{background:white}.main-nav a:hover,.main-nav a:focus{outline:none}.nav-fontDisplay{text-transform:uppercase;color:#f79b4b;font-weight:700;font-family:"Barlow Condensed","Open Sans",sans-serif;font-size:2.5rem}@media only screen and (min-width: 48em){.nav-fontDisplay{font-size:3rem}}@media only screen and (min-width: 62em){.nav-fontDisplay{font-size:3.5rem}}.header-links div{display:inline-block;padding-right:0.5em}@media only screen and (min-width: 48em){.header-links div{padding-right:2em}}@media only screen and (min-width: 62em){.header-links div{padding-right:2em}}.header-links .in-text{padding:9px 5px;font-family:"Open Sans",sans-serif;text-shadow:none;font-size:.8em}@media only screen and (min-width: 48em){.header-links .in-text{font-size:1em;padding:10px}}.header-links a::before,.header-links a::after{position:absolute;left:0;width:100%;height:2px;background:#f79b4b;content:'';opacity:0;-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;-moz-transition:opacity 0.3s, -moz-transform 0.3s;transition:opacity 0.3s, transform 0.3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}.header-links a::before{top:0;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}.header-links a::after{bottom:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}.header-links a:hover::before,.header-links a:focus::before,.header-links a:hover::after,.header-links a:focus::after,.header-links a.active::after,.header-links a.active::before{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px)}.background-img{display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0 -1em}.background-img img{flex-shrink:0;min-width:100%;min-height:100%}@media only screen and (min-width: 48em){.background-img{margin:0 -2em}}@media only screen and (min-width: 62em){.background-img{margin:0 -4em}}@media only screen and (min-width: 75em){.background-img{margin:0 -8em}}.background-overlay{position:absolute;top:auto;padding:1em}.background-overlay h1 span{color:#fff}.background-overlay p.mini-bio{color:#fff;font-size:1em;line-height:1}@media only screen and (min-width: 48em){.background-overlay p.mini-bio{font-size:1.4em;line-height:1}}.background-overlay.overlay-anchor{top:0.5em;left:0.5em}@media only screen and (min-width: 48em){.background-overlay.overlay-anchor{top:1em;left:1em}}@media only screen and (min-width: 62em){.background-overlay.overlay-anchor{top:2em;left:2em}}.background-overlay.overlay-anchor:hover{font-weight:700;border-bottom:2px solid white}.background-overlay .in-text{color:#fff}.grayout{-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray}video{width:100%    !important;height:auto   !important}figcaption{font:"Open Sans",sans-serif;font-size:0.9em;color:#f79b4b}figcaption strong{font-weight:600}.code{margin-top:1em;padding:0.25em 1em;border:2px solid #e6e6e6;border-radius:0.2em;overflow:scroll}@keyframes slideInFromLeft{0%{transform:translateX(-20%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes popBottom{0%{transform:translateY(-100%);opacity:0}30%{opacity:0}100%{transform:translateY(0);opacity:1}}.background-overlay h1{animation:1s ease-out 0s 1 slideInFromLeft}.background-overlay .mini-bio{animation:1s ease-out 0s 1 popBottom}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.portfolio-item{width:100%;padding-bottom:75%;overflow:hidden;position:relative;float:left;overflow:hidden;max-width:100%}.portfolio-item img{object-fit:cover;display:block;width:auto;height:auto;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;position:absolute;min-width:100%;min-height:100%;top:0%;left:0}.portfolio-item img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.portfolio-item .portfolio-item-overlay.top{cursor:pointer}.portfolio-item .portfolio-item-overlay.alice{background-color:rgba(189,139,209,0.8)}.portfolio-item .portfolio-item-overlay.sample{background-color:#6889c2}.portfolio-item .portfolio-item-overlay.tamadoggy{background-color:rgba(241,162,58,0.8)}.portfolio-item .portfolio-item-overlay>div{-webkit-transform:translateY(0) scale(1);-moz-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);-o-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);visibility:visible;opacity:1}.portfolio-item:hover img{-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.portfolio-item:hover .portfolio-item-overlay.top{cursor:pointer}.portfolio-item:hover .portfolio-item-overlay.alice{background-color:rgba(189,139,209,0)}.portfolio-item:hover .portfolio-item-overlay.sample{background-color:rgba(53,58,77,0.555)}.portfolio-item:hover .portfolio-item-overlay.tamadoggy{background-color:rgba(241,162,58,0)}.portfolio-item:hover .portfolio-item-overlay>div{-webkit-transform:translateY(0) scale(1);-moz-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);-o-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);visibility:visible;opacity:0}.porfolio-item-holder{padding:2em 0}@media only screen and (min-width: 62em){.porfolio-item-holder{padding:0}}.portfolio-item-overlay{background-color:rgba(189,139,209,0);position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;overflow:hidden;text-align:center;width:100%;-moz-transition:background-color 1s;-webkit-transition:background-color 1s;transition:background-color 1s}a.portfolio-item-overlay{font-weight:700;font-family:"Open Sans",sans-serif;padding:65% 0% 0 10%;text-align:left;text-transform:uppercase;font-size:1.2em}.portfolio-item-overlay>div{padding:0.5em;opacity:0;visibility:hidden;position:relative;top:50%;-webkit-transition:all 0.4s ease-out 0.3s;transition:all 0.4s ease-out 0.3s}@media only screen and (min-width: 48em){.portfolio-item-overlay>div{padding:1em}}.portfolio-item-overlay>div h2,.portfolio-item-overlay>div h3,.portfolio-item-overlay>div p{text-transform:uppercase;color:#fff}.col-education{padding-top:1em;border:none}@media only screen and (min-width: 62em){.col-education{border-top:0.1em solid #e6e6e6;padding-top:2em}}.citations{padding:2em 0}.citations strong{color:#6889c2;font-weight:700}.citations .citations{padding:2em 0}.citations .citations p{padding-bottom:0.5em}.padding-small{padding-top:1.5em}.colour-swatch{width:3em;height:3em;display:inline-block}.colour-swatch.orange{background-color:#f9be5e}.colour-swatch.blue{background-color:#6889c2;text-align:center}.colour-swatch.gray{background-color:#7b7b81;text-align:right}.in-text{color:#49494d}footer{padding:1em 1em;text-align:center;border-top:0.15em solid #e6e6e6;position:absolute;width:100%;left:0}@media only screen and (min-width: 48em){footer{padding:4em 8em;text-align:left}}@media only screen and (min-width: 75em){footer{padding:4em 10em;text-align:left}}footer h2{font-size:1.3em;font-weight:700;padding:0.5em 0;color:#6889c2}@media only screen and (min-width: 48em){footer .contact a{padding-left:1em}}@media only screen and (min-width: 48em){footer .contact a:first-of-type{padding-left:0}}footer a{line-height:2em;font-size:0.9em;color:#8d939b}footer a:hover{color:#f9be5e}footer .row{margin:0}footer .row>div{padding-bottom:1em}@media only screen and (min-width: 48em){footer .row>div{padding-bottom:0}}.grid-sample{background-color:#e6e6e6;height:5em;border-radius:1em}/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */.prettyprint{font-size:0.85em;background:#fff;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0 !important}.pln{color:#4d4d4c}ol.linenums{margin-top:0;margin-bottom:0;color:#8e908c}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#fff;list-style-type:decimal}@media screen{.str{color:#718c00}.kwd{color:#8959a8}.com{color:#8e908c}.typ{color:#4271ae}.lit{color:#f5871f}.pun{color:#4d4d4c}.opn{color:#4d4d4c}.clo{color:#4d4d4c}.tag{color:#c82829}.atn{color:#f5871f}.atv{color:#3e999f}.dec{color:#f5871f}.var{color:#c82829}.fun{color:#4271ae}}*,*::after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}nav,.container{padding:0 1em;padding-top:100px}@media only screen and (min-width: 48em){nav,.container{padding:0 2em;padding-top:100px}}@media only screen and (min-width: 62em){nav,.container{padding:0 4em;padding-top:100px}}@media only screen and (min-width: 75em){nav,.container{padding:0 8em;padding-top:100px}}html{width:100%;margin:0;padding:0;border:0;font-size:62.5%}body{width:100%;font-size:1.6rem;font-family:"Helvetica Neue",sans-serif}a{text-decoration:none}img{max-width:100%}input,textarea,select{font-family:"Helvetica Neue",sans-serif;font-size:1.6rem}header{position:absolute;height:50px;width:100%;top:0;left:0;z-index:10}header nav{display:block}@media only screen and (min-width: 62em){header{height:80px}header::after{clear:both;content:"";display:table}}main>h1{text-align:left;margin-top:0.5em}@media only screen and (min-width: 62em){main{padding-top:80px}}section{margin:3em 0}section::after{clear:both;content:"";display:table}@media only screen and (min-width: 48em){section{margin:3em 0 5em}}.no-csstransitions .cd-select::after{display:none}
/*# sourceMappingURL=main.css.map */