.app{background-image:url("img/forbabytrevor.png");display:flex;flex:1;flex-direction:column;justify-content:flex-start}.project{justify-content:start;display:flex;max-width:1200px}.project-return{position:sticky;padding-right:1em;top:64;height:3em;width:2em;margin:0 !important;opacity:0.5;cursor:pointer}body{min-height:100vh;display:flex;flex-direction:column;margin:auto;padding:auto}body h1,body h2,body h3{font-family:'Istok Web', sans-serif;color:#8c8c8c}body p,body li{color:#fff;opacity:87%;font-family:'Open Sans', sans-serif;line-height:1.5em;letter-spacing:-.0125em;font-size:1em}body strong{font-family:'Open Sans', sans-serif}a{color:#60b4ff;text-decoration:none}a:hover{color:#00A0C6;text-decoration:none;cursor:pointer}.navigation-item{color:#fff;opacity:87%;display:inline-block;padding-top:0.25em;padding-bottom:0.25em;margin-right:1em;background-color:#28293D;cursor:pointer;border-bottom:2px solid rgba(170,50,220,0)}.navigation-item:hover{color:#fff;opacity:75%;border-bottom:2px solid #ffff}.navigation-item.selected{color:#ffff;border-bottom:2px solid #ffff}.aboutme{display:none}.navigation{display:flex;align-items:center;position:sticky;padding:8px;top:0;z-index:11;background-color:#28293D;font-family:'Open Sans', sans-serif}.navigation h2{margin-top:0.25em;margin-bottom:0.25em}.avatar{overflow:hidden;margin:0 auto;height:2.25em;margin:8px}img{display:inline;height:100%;width:auto}.name-and-face{display:flex;align-items:center;margin-right:5em}.name{display:flex;font-family:'Open Sans', sans-serif;font-weight:400;margin-left:0.5em;color:#ffff;cursor:pointer}.name:hover{color:#fffe}.occupation{margin-left:1em;color:#ffff;opacity:50%}.overflow-x-hidden{overflow-x:hidden}.flex{display:flex}.pt1{padding-top:1em}.pt2{padding-top:2em}.overflow-x-scroll{overflow-x:scroll}.stylish-scroll ::-webkit-scrollbar{width:10px}.stylish-scroll ::-webkit-scrollbar-track{background:#28293D}.stylish-scroll ::-webkit-scrollbar-thumb{background:#51235d}.subway-shibori .stylish-scroll ::-webkit-scrollbar-thumb{background:#cab302}.deepspace-visualizer .stylish-scroll ::-webkit-scrollbar-thumb{background:#333333}.organic-robo-head .stylish-scroll ::-webkit-scrollbar-thumb{background:#98ad5e}.dashBorg .stylish-scroll ::-webkit-scrollbar-thumb{background:#98ad5e}.width-50{width:50%}.height-100{height:100%}.project-belt{width:200%;position:relative}.project-list-wrap{width:50%;float:left}.project-list-padding-wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:2.5em;padding:2em}.project-thumb-container{background-color:#212130;cursor:pointer;transition:0.25s}.project-thumb-container:hover{background-color:#29293D}.project-thumb-container:hover .project-title{opacity:40%}.project-thumb-container .project-description{visibility:hidden}.project-thumb-container:hover .project-description{visibility:visible}.project-title{opacity:20%;writing-mode:tb-rl;transform:rotate(-180deg);color:#ffff;line-height:2.5rem;font-size:2rem;text-align:end;padding:8px}.project-description{font-family:'Open Sans', sans-serif;color:#ffff;padding-top:1em;width:100%}.project-tag-color{height:100%;width:4px}.project-container{margin:0px auto}.project-container p{margin-top:16px;margin-bottom:1.5em}.project-container img:not(.sticky-project-header-arrow){max-width:100%;margin-bottom:1.2em;display:block;margin:auto}.image{text-align:center}.work-detail-container{padding-bottom:1rem;padding-left:1rem;padding-right:1rem;max-width:1200px;margin:0px auto}.work-detail-container p:not(.image){color:#fff;opacity:87%;font-size:1.15em}.work-detail-container h1,.work-detail-container h2,.work-detail-container h3,.work-detail-container strong{color:#fff;opacity:87%}.work-detail-container ul{padding-left:1rem}.work-detail-container img[src*='#large-img']{width:200%;height:200%}.work-detail-container img[src*='#50']{float:left;padding-right:0.2em}.work-detail-container .large-img{width:100%;height:100%}.work-detail-container img{max-width:100%;max-height:22em;margin:0px auto;text-align:center}.work-detail-container iframe{text-align:center;margin:0px auto;margin-bottom:1rem;display:block}.inner-project-thumb-container{justify-content:space-between;width:100%}.bullet-box{border-style:solid;border-color:#99ebff;justify-content:start;padding:1em}.bullet-box span{font-family:'Open Sans', sans-serif;line-height:1.5em;letter-spacing:-.0125em;font-size:1em}.highlighter-rouge{font-family:monospace;background-color:#28293D}.project-load{display:flex;justify-content:center}.project-banner-wrapper{width:100%;height:auto;position:relative}.project-header{background-size:cover;background-position:center;height:12em;align-items:center}.project-banner{background-size:cover;background-position:center;height:12em;align-items:center;position:absolute;top:0;left:0;width:100%}.project-banner-overlay{display:flex;z-index:10}.project-header-title{display:flex;align-items:center}.project-header-title .project-actual-title{display:flex;font-size:50;margin-right:12px}.project-header-description{font-family:'Open Sans', sans-serif;padding-left:2em;display:block;color:#ffff}.sticky-project-header-arrow{display:none}.sticky-project-header{font-family:'Open Sans', sans-serif;display:flex;align-items:center;position:sticky;top:64;align-self:flex-start;height:3em;width:100%;z-index:12}.sticky-project-header .sticky-project-header-gradient-wrapper{display:flex;align-items:center}.sticky-project-header .sticky-project-header-gradient-wrapper .sticky-project-header-name{display:flex;margin-left:1em;color:white}.hidden{visibility:hidden}.main-area{vertical-align:middle}.footer{width:100%;background-color:#28293D;text-align:center}.footer p{color:#fff;opacity:87%}.footer a{margin-right:1rem}.professional-page{padding-bottom:6em}.professional-project-description{font-family:'Open Sans', sans-serif;font-size:14px;margin-left:1em;margin-right:1em;margin-bottom:1.5em;max-width:650px}.professional-list{margin-bottom:1em}.list-title{color:#ffff}.list-result{color:#ffff;opacity:80%}.company-section{width:100%;align-items:center;flex-direction:column;display:flex;padding-top:4em;margin-bottom:2em}.company-section h1,.company-section h2,.company-section h3,.company-section h4{color:#ffff;margin-block-start:0}.position-and-time{font-family:'Open Sans';color:#ffff;opacity:50%}.project-name-and-logo{display:flex;align-items:center;margin-top:3em;margin-left:1em;margin-bottom:1em}.project-name-and-logo .project-start-avatar{border-radius:50%;overflow:hidden;width:3em;height:3em}.project-name-and-logo .project-name{display:flex;font-family:'Open Sans', sans-serif;margin-left:0.5em;color:#ffff;cursor:pointer}.project-name-and-logo .project-name:hover{color:#fffe}.project-name-and-logo .project-date-range{margin-left:1em;font-family:'Open Sans';color:#ffff;opacity:50%}.professional-project-avatar{border-radius:50%;overflow:hidden;width:8em;height:8em;margin-bottom:0.5em}.professional-scroll{width:100%}.professional-scroll img{max-height:22em;margin:auto;margin-right:1em}.professional-scroll ::-webkit-scrollbar{width:10px}.professional-scroll ::-webkit-scrollbar-track{background:#28293D}.professional-scroll ::-webkit-scrollbar-thumb{background:#51235d}.gk-scroll img{border:1px solid #1d958a;border-bottom:none}.gk-scroll ::-webkit-scrollbar-thumb{background:#1d958a}.boards-scroll img{border:1px solid #ff881d;border-bottom:none}.boards-scroll ::-webkit-scrollbar-thumb{background:#ff881d}.professional-timeline{margin-top:3em;height:35em}.photography-gallery{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:0}.photo-container{overflow:hidden !important;padding:0 !important;max-height:25em}.photo-container .photography-img{width:100%;object-fit:cover}.gc1{grid-column:span 1}.gc2{grid-column:span 2}.gc3{grid-column:span 3}.gr1{grid-row:span 1}.gr2{grid-row:span 2}.gr3{grid-row:span 3}.highlight,pre.highlight{background:#282c34;color:#abb2bf}.highlight pre{background:#282c34}.highlight .hll{background:#282c34}.highlight .c{color:#5c6370;font-style:italic}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#c678dd}.highlight .l{color:#98c379}.highlight .n{color:#abb2bf}.highlight .o{color:#abb2bf}.highlight .p{color:#abb2bf}.highlight .cm{color:#5c6370;font-style:italic}.highlight .cp{color:#5c6370;font-style:italic}.highlight .c1{color:#5c6370;font-style:italic}.highlight .cs{color:#5c6370;font-style:italic}.highlight .ge{font-style:italic}.highlight .gs{font-weight:700}.highlight .kc{color:#c678dd}.highlight .kd{color:#c678dd}.highlight .kn{color:#c678dd}.highlight .kp{color:#c678dd}.highlight .kr{color:#c678dd}.highlight .kt{color:#c678dd}.highlight .ld{color:#98c379}.highlight .m{color:#d19a66}.highlight .s{color:#98c379}.highlight .na{color:#d19a66}.highlight .nb{color:#e5c07b}.highlight .nc{color:#e5c07b}.highlight .no{color:#e5c07b}.highlight .nd{color:#e5c07b}.highlight .ni{color:#e5c07b}.highlight .ne{color:#e5c07b}.highlight .nf{color:#abb2bf}.highlight .nl{color:#e5c07b}.highlight .nn{color:#abb2bf}.highlight .nx{color:#abb2bf}.highlight .py{color:#e5c07b}.highlight .nt{color:#e06c75}.highlight .nv{color:#e5c07b}.highlight .ow{font-weight:700}.highlight .w{color:#f8f8f2}.highlight .mf{color:#d19a66}.highlight .mh{color:#d19a66}.highlight .mi{color:#d19a66}.highlight .mo{color:#d19a66}.highlight .sb{color:#98c379}.highlight .sc{color:#98c379}.highlight .sd{color:#98c379}.highlight .s2{color:#98c379}.highlight .se{color:#98c379}.highlight .sh{color:#98c379}.highlight .si{color:#98c379}.highlight .sx{color:#98c379}.highlight .sr{color:#56b6c2}.highlight .s1{color:#98c379}.highlight .ss{color:#56b6c2}.highlight .bp{color:#e5c07b}.highlight .vc{color:#e5c07b}.highlight .vg{color:#e5c07b}.highlight .vi{color:#e06c75}.highlight .il{color:#d19a66}.highlight .gu{color:#75715e}.highlight .gd{color:#f92672}.highlight .gi{color:#a6e22e}figure{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-left:1rem;padding-right:1rem;padding-top:1rem;padding-bottom:1rem;overflow:auto}@media only screen and (max-width: 1023px) and (min-width: 601px){.work-detail-container{padding-bottom:1rem;padding-left:0 !important;padding-right:0 !important;width:100%;margin:0px auto}.work-detail-container p:not(.image),.work-detail-container h1,.work-detail-container h2,.work-detail-container h3{color:#fff;opacity:87%;font-size:1.15em;padding-left:1rem;padding-right:1rem}.work-detail-container h1,.work-detail-container h2,.work-detail-container h3,.work-detail-container strong{color:#fff;opacity:87%}.work-detail-container ul{padding-left:1rem}.work-detail-container img[src*='#large-img']{width:200%;height:200%}.work-detail-container img[src*='#50']{float:left;padding-right:0.2em}.work-detail-container .large-img{width:100%;height:100%}.work-detail-container img{max-width:100%;max-height:22em;margin:0px auto;text-align:center}.work-detail-container iframe{text-align:center;margin:0px auto;margin-bottom:1rem;display:block}.project-return{display:none !important}.sticky-project-header-arrow{display:flex;margin-right:0;margin-top:0;margin-bottom:0;margin-left:16px !important;opacity:0.5;height:32px;width:32px;cursor:pointer}.occupation{display:none}.project-thumb-container .project-description{visibility:visible}}@media screen and (max-width: 600px){.work-detail-container{padding-bottom:1rem;padding-left:0 !important;padding-right:0 !important;width:100%;margin:0px auto}.work-detail-container p:not(.image),.work-detail-container h1,.work-detail-container h2,.work-detail-container h3{color:#fff;opacity:87%;font-size:1.15em;padding-left:1rem;padding-right:1rem}.work-detail-container h1,.work-detail-container h2,.work-detail-container h3,.work-detail-container strong{color:#fff;opacity:87%}.work-detail-container ul{padding-left:1rem}.work-detail-container img[src*='#large-img']{width:200%;height:200%}.work-detail-container img[src*='#50']{float:left;padding-right:0.2em}.work-detail-container .large-img{width:100%;height:100%}.work-detail-container img{max-width:100%;max-height:22em;margin:0px auto;text-align:center}.work-detail-container iframe{text-align:center;margin:0px auto;margin-bottom:1rem;display:block}.project-return{display:none !important}.sticky-project-header{top:70}.sticky-project-header-arrow{display:flex;margin-right:0;margin-top:0;margin-bottom:0;margin-left:16px !important;opacity:0.5;height:32px;width:32px;cursor:pointer}.project-container img:not(.sticky-project-header-arrow){height:auto}.project-header-title .project-actual-title{font-size:30}.occupation{display:none}.navigation{display:flex;flex-direction:column;padding-right:0px}.navigation-item{font-weight:100}.name-and-face{margin-right:0}.name-and-face .avatar{display:none}.name-and-face .name{font-weight:500}.project-thumb-container .project-description{visibility:visible}.footer{padding-bottom:1em}.position-and-time strong{font-size:small}.project-date-range{font-size:small}.project-name-and-logo .project-start-avatar{width:2em;height:2em}.professional-project-avatar{width:6em;height:6em}.company-section{padding-top:2em}.professional-scroll img{max-height:18em}.photography-gallery{display:block}.photography-gallery .photo-container{max-height:100%}.photography-gallery .photography-img{height:auto;width:100vw}}@media screen and (max-width: 1684px){.project-list-padding-wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:2.5em;padding:2em}}@media screen and (max-width: 1440px){.project-list-padding-wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:2.5em;padding:2em}}@media screen and (max-width: 1110px){.project-list-padding-wrap{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:2.5em;padding:2em}}@media screen and (max-width: 840px){.project-list-padding-wrap{display:grid;grid-template-columns:1fr 1fr;grid-gap:2.5em;padding:2em}}@media screen and (max-width: 550px){.project-list-padding-wrap{display:grid;grid-template-columns:1fr;grid-gap:2.5em;padding:2em}}