:root{--primary: #ff6649;--secondary: #009999;--background: white;--text: #212529}body{min-height:calc(200vh);font-family:Raleway, sans-serif;overflow-x:hidden;background-color:var(--background);color:var(--text);-webkit-transition:background-color 400ms;transition:background-color 400ms}body div#body-wrapper{overflow-x:hidden}section{margin:20rem 0;min-height:60vh}h2{position:relative}p{font-size:1.4rem;font-weight:300}a{display:inline-block;color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}a:hover{color:var(--text)}strong{font-weight:700}hr{background-color:var(--primary)}.text-primary{color:var(--primary) !important}.text-secondary{color:var(--secondary) !important}.color-primary{color:var(--primary) !important;fill:var(--primary) !important}.color-secondary{color:var(--primary) !important;fill:var(--secondary) !important}.color-neutral{color:var(--text) !important;fill:var(--text) !important}.text-primary,.text-secondary,.color-primary,.color-secondary,.color-neutral{-webkit-transition:color 180ms, fill 380ms;transition:color 180ms, fill 380ms}#jumbotron{position:-webkit-sticky;position:sticky;top:calc(80px - 100vh);width:100%;height:100vh;background-color:var(--background);outline:5px solid var(--background);z-index:100}#jumbotron::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../img/hatching_blk050.png")}body.showcase #jumbotron::before{-webkit-filter:invert(1);filter:invert(1)}#jumbo-logo{position:-webkit-sticky;position:sticky;top:0;margin-top:calc(50vh - 200px);min-width:720px;width:calc(50% + 300px);max-width:100%;background-color:var(--background);padding:20px;z-index:110;float:right;-webkit-transition:left 500ms ease-out, width 500ms ease-out, background 450ms;transition:left 500ms ease-out, width 500ms ease-out, background 450ms}#jumbo-logo::before{content:"";position:absolute;top:100%;left:0;width:100%;height:10px;background-color:var(--secondary);opacity:0;-webkit-transition:500ms, 300ms;transition:500ms, 300ms;-webkit-transition-property:opacity, background-color;transition-property:opacity, background-color}#jumbo-logo img,#jumbo-logo svg{display:block;max-width:600px;-webkit-transition:500ms ease-out;transition:500ms ease-out;-webkit-transition-delay:0;transition-delay:0}#jumbo-logo h1{font-size:2.75rem;font-weight:600;padding:20px 0 0 0;margin:0;-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem);-webkit-transition:250ms ease-out;transition:250ms ease-out}@media (max-width: 768px){#jumbo-logo{min-width:360px;width:calc(50% + 200px)}#jumbo-logo img,#jumbo-logo svg{max-width:300px}#jumbo-logo h1{font-size:1.8rem}}@media (max-width: 576px){#jumbo-logo{min-width:240px;width:calc(50% + 150px)}#jumbo-logo img,#jumbo-logo svg{max-width:240px}}body.scrolled #jumbo-logo{left:0;width:100% !important;padding:10px;-webkit-transition-property:left width background-color;transition-property:left width background-color}body.scrolled #jumbo-logo::before{opacity:0.67}body.scrolled #jumbo-logo img,body.scrolled #jumbo-logo svg{max-width:100px}body.scrolled #jumbo-logo h1{opacity:0;height:0;padding:0}#about p.lead{font-size:1.8rem;margin:3.5rem 0}#about .about-background{position:absolute;left:-20px;width:35vw;min-width:480px;height:140px;z-index:-1;background-color:var(--secondary);opacity:0.15}#portfolio h2{margin-bottom:50rem}#portfolio .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;opacity:0.25;-webkit-filter:saturate(0);filter:saturate(0);-webkit-transition:opacity 800ms, color 100ms, background-color 100ms;transition:opacity 800ms, color 100ms, background-color 100ms;margin:35% 0}#portfolio .row.highlight{opacity:1;-webkit-filter:saturate(1);filter:saturate(1)}#portfolio .row hr{background-color:#7f7f7f}#portfolio .row a.btn.btn-primary{border-radius:0;background-color:transparent;border-color:var(--primary);color:var(--text)}#portfolio .row a.btn.btn-primary:hover{background-color:var(--primary)}#portfolio .row a .bi{display:block;float:left;text-align:right;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:2rem}#portfolio .row:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;text-align:right}#portfolio .row:nth-child(even) a .bi{float:right;-webkit-transform:rotate(0);transform:rotate(0)}#portfolio .row>div:nth-child(odd){width:67%}#portfolio .row>div:nth-child(even){width:33%}@media (max-width: 992px){#portfolio .row>div{width:100% !important;text-align:left}#portfolio .row>div:nth-child(even){margin-top:2rem}#portfolio .row>div .bi{float:right;-webkit-transform:rotate(0);transform:rotate(0)}}#portfolio .row img{max-height:75vh;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;-webkit-box-shadow:10px 10px 0 0 rgba(0,0,0,0.3),10px 10px 0 0 var(--secondary);box-shadow:10px 10px 0 0 rgba(0,0,0,0.3),10px 10px 0 0 var(--secondary);-webkit-transform:translateX(-5px);transform:translateX(-5px)}#contact{z-index:15;max-width:1200px;margin:20em auto 10em auto}