@import url(https://fonts.googleapis.com/css?family=Lora:400i|Muli|Open+Sans:300,700);body{margin:0;padding:0;font-family:sans-serif}.link-style-alt{color:#000}.link-style-alt:hover{color:#243a6a;border-color:#243a6a}.link-style-alt:active,.link-style-alt:focus{color:#191d27}.link-style-alt-2{color:#732815}.link-style-alt-2:hover{color:#bf381c;border-color:#bf381c}.link-style-alt-2:active,.link-style-alt-2:focus{color:#dc511a}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes App-logo-spin-pause{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}2%{-webkit-filter:blur(5px);filter:blur(5px)}5%{-webkit-transform:rotate(1turn);transform:rotate(1turn);-webkit-filter:none;filter:none}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin-pause{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}2%{-webkit-filter:blur(5px);filter:blur(5px)}5%{-webkit-transform:rotate(1turn);transform:rotate(1turn);-webkit-filter:none;filter:none}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{background-color:#191d27;font-family:Muli,sans-serif;color:#e8e2d5}body ::-moz-selection{background:#e8e2d5}body ::selection{background:#e8e2d5}h1,h2,h3,h4,h5,h6{font-family:Open Sans,sans-serif}.punch-headline{font-size:14vw;text-transform:uppercase;letter-spacing:-.04em;line-height:1}.punch-headline a:hover{color:#1398ea}@media screen and (min-width:768px){.punch-headline{font-size:5vw}}a{text-decoration:none;color:#2c83af;-webkit-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear}a:hover{color:#fff}.App{-webkit-box-sizing:border-box;box-sizing:border-box;height:100vh;position:absolute;top:0;right:0;bottom:0;left:0;padding-top:8rem;text-align:center}#DCLogo,.App-logo{height:80px}#DCLogo::-moz-selection,.App-logo::-moz-selection{background:transparent}#DCLogo::selection,.App-logo::selection{background:transparent}.App-logo-link{color:#2c83af;margin-bottom:-1em}.App-logo-link:hover{color:#1398ea}.tagline{text-transform:uppercase;letter-spacing:.2em;font-size:.95rem;font-weight:lighter}.App-header{position:absolute;color:#fff;top:1.5rem;-webkit-transition:top .6s ease,background-color 5s cubic-bezier(0,0,0,1),-webkit-transform .6s ease;transition:top .6s ease,background-color 5s cubic-bezier(0,0,0,1),-webkit-transform .6s ease;-o-transition:top .6s ease,transform .6s ease,background-color 5s cubic-bezier(0,0,0,1);transition:top .6s ease,transform .6s ease,background-color 5s cubic-bezier(0,0,0,1);transition:top .6s ease,transform .6s ease,background-color 5s cubic-bezier(0,0,0,1),-webkit-transform .6s ease;padding-bottom:1rem;width:100%}.App-header.front-page-active{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:transparent}.App-title{font-size:1.5em}.App-intro{font-size:large;margin:0}.nav-button{position:relative;z-index:999;color:#1a253c;-webkit-transition:top .4s ease;-o-transition:top .4s ease;transition:top .4s ease}.nav-button.is-active{top:-5.5rem}@media screen and (min-width:768px){.nav-button{position:fixed;top:2rem;right:2rem}.nav-button.is-active{top:2rem}}.nav-button.active,.nav-button:focus{outline:none}.site-navigation{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;list-style:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;margin:0;padding:0;overflow:scroll;background-color:rgba(5,6,8,.9);-webkit-animation:fadeIn .3s ease-in;animation:fadeIn .3s ease-in}.site-navigation .nav-item{display:block;font-family:Open Sans,sans-serif;font-size:3rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}@media screen and (min-width:768px){.site-navigation .nav-item{font-size:5vw}}.site-navigation .nav-item a{-o-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all .3s ease;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;padding:.5rem 1rem;color:#c3c3ba}.site-navigation .nav-item a:active{position:relative;top:1px;left:1px}.site-navigation .nav-item a:hover{color:#fff}.site-navigation .nav-item a.active{color:#8f321a}.site-navigation .nav-item a::-moz-selection{background:transparent}.site-navigation .nav-item a::selection{background:transparent}.paragraph-lead{font-size:1.2rem;margin-bottom:4rem}@media screen and (min-width:992px){.paragraph-lead{font-size:1.5rem}}.content-container{padding:2% 2% 10rem}.portfolio-container{background-color:#e8e2d5;color:#191d27;padding-top:3rem;padding-bottom:6rem}.portfolio-container h1{text-transform:uppercase;letter-spacing:.05em}.portfolio-container a{color:#732815}.portfolio-container a:hover{color:#bf381c;border-color:#bf381c}.portfolio-container a:active,.portfolio-container a:focus{color:#dc511a}.portfolio-container .pi-description h2 a{color:#000}.portfolio-container .pi-description h2 a:hover{color:#243a6a;border-color:#243a6a}.portfolio-container .pi-description h2 a:active,.portfolio-container .pi-description h2 a:focus{color:#191d27}.portfolio-item{margin-bottom:2rem;font-family:Open Sans,sans-serif}.portfolio-item h2{text-transform:uppercase;letter-spacing:.05em;font-size:1.1em}.portfolio-item .pi-tags{display:block;font-size:.75rem;font-weight:lighter}.portfolio-item .pi-column{text-align:center}.portfolio-item .pi-description{font-size:1.3em;padding:2rem}@media screen and (min-width:992px){.portfolio-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.portfolio-item .pi-description{font-size:1rem;padding:2rem;max-width:30%;text-align:left}.portfolio-item .pi-description h2{font-size:1.6rem}.portfolio-item:nth-child(odd){-ms-flex-direction:row-reverse;flex-direction:row-reverse}.portfolio-item:nth-child(odd) .pi-description{text-align:right}}.about-container p{padding:1rem 10%}.about-container a{-o-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all .3s ease}.about-container a:active{position:relative;top:1px;left:1px}@media screen and (min-width:992px){.about-container p{padding:1rem 20%}}.about-description-container{display:-ms-flexbox;display:flex;margin:6rem -2% 4rem;-ms-flex-direction:column;flex-direction:column}.about-description-container .about-description,.about-description-container .about-profile-photo{-ms-flex:1 1;flex:1 1}.about-description-container .about-profile-photo{background-position:50%;background-size:cover;background-repeat:no-repeat;min-height:20rem}.about-description-container .about-description{background-color:#1a253c}.about-description-container .about-description a{-o-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all .3s ease;font-size:.75em;text-transform:uppercase;letter-spacing:2px}.about-description-container .about-description a:active{position:relative;top:1px;left:1px}@media screen and (min-width:992px){.about-description-container{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}.about-description-container .about-profile-photo{min-height:30rem}.about-description-container .about-description{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}}.proficiencies-list{list-style:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:3rem;margin-bottom:3rem;padding-left:0}.proficiencies-list .proficiency-item{padding:.5rem 1rem;text-align:center}.proficiencies-list .proficiency-item a{color:#732815}.proficiencies-list .proficiency-item a:hover{color:#dc511a}.proficiency-name{display:block;font-size:.8em;text-transform:uppercase;opacity:.9;padding-bottom:.8rem}.proficiency-logo{height:7rem;max-width:90%}.proficiencies-addendum{font-size:.8em;text-transform:uppercase;opacity:.9;padding-bottom:4rem}.proficiencies-addendum a{display:block;padding-bottom:1rem}@media screen and (min-width:768px){.proficiencies-addendum a{display:inline-block}.proficiencies-addendum a:not(:last-child){padding-right:1.5em}}.react-logo{-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;-o-transition:transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.react-logo:hover{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear}.desktop-screenshot{width:40rem;max-width:90%;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin:2rem auto;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.desktop-screenshot img{max-width:100%}.desktop-screenshot .ds-screen-outer{border-radius:.7rem;overflow:hidden;border:.18rem solid #243a6a;text-align:center}.desktop-screenshot .ds-screen-inner{background-color:#1a1a1a;padding:1.3vw}.desktop-screenshot .ds-screen-logo{display:block;margin:2.3% auto;border:.7rem solid rgba(36,58,106,.3);border-radius:50%;width:0}.desktop-screenshot .ds-pedestal{border-right:.18rem solid #243a6a;border-left:.18rem solid #243a6a;width:25%;padding-bottom:5%;margin:0 auto;background-color:rgba(36,58,106,.3);position:relative}.desktop-screenshot .ds-pedestal:after{content:" ";display:block;padding-bottom:4%;background-color:rgba(36,58,106,.5);width:100%}.desktop-screenshot .ds-pedestal-bottom{margin:0 auto;border:.18rem solid #243a6a;width:40%;padding-bottom:1%;border-radius:.3rem}.image-banner{height:20rem;background-position:50%;background-size:cover;background-repeat:no-repeat;margin:4rem 0 6rem}.social-links{list-style:none;padding-left:0;text-align:center}.social-links .social-link{display:inline-block;padding:.5em}.contact-container .social-link{font-size:1.5em}.address{font-size:.55em;line-height:1.4;padding:2rem}.footer{background-color:#0f1117;position:fixed;bottom:0;width:100%}.footer .social-links{margin:.4rem .5rem .6rem}.footer .social-links .social-link{padding:.2em .5em;font-size:1.25rem}@media screen and (min-width:992px){.footer .social-links{text-align:right}}.background-image,.image{opacity:0;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.background-image.bg-loaded,.image-loaded{opacity:1}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{padding:15px;display:inline-block;cursor:pointer;-webkit-transition-property:opacity,-webkit-filter;transition-property:opacity,-webkit-filter;-o-transition-property:opacity,filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:40px;height:4px;background-color:#2c83af;border-radius:4px;position:absolute;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--squeeze .hamburger-inner{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);-o-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner:before{-webkit-transition:top 75ms ease .12s,opacity 75ms ease;-o-transition:top 75ms .12s ease,opacity 75ms ease;transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{-webkit-transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);-o-transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:.12s;-o-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;opacity:0;-webkit-transition:top 75ms ease,opacity 75ms ease .12s;-o-transition:top 75ms ease,opacity 75ms .12s ease;transition:top 75ms ease,opacity 75ms ease .12s}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;-o-transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1);transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s}
/*# sourceMappingURL=main.d5c3777f.css.map*/