@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined");@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,600;0,700;1,500;1,600;1,700&display=swap");*{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.4em;vertical-align:baseline;text-decoration:none;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit}*:before,*:after{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease}*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;scroll-behavior:smooth;font-family:'Josefin Sans', sans-serif}body{background-color:#242828;color:#c9cfcf;font-family:'Josefin Sans', sans-serif;font-size:100%;padding:5%;max-width:1440px;box-shadow:0 0 30px black;margin:60px auto}#mywork header{clear:both}header.page{border-bottom:1px solid #ccc;display:block;height:auto;overflow:hidden;position:relative;padding-bottom:1rem}header h1{font-variation-settings:'wght' 200}header h1 strong{font-variation-settings:'wght' 999}header article{float:right;width:30%;padding:0 2%}header p{margin:1em 0 2em 0 !important}h1{font-size:2rem;font-weight:300;text-transform:uppercase}header h1{bottom:.5rem;width:36%;float:left;position:absolute;color:#e4e7e7}h2{font-size:1rem;padding:.5rem 0;margin:.5rem 0;position:relative;text-transform:uppercase;border-bottom:1px solid #999}article.page header h2{font-size:2rem}figure{text-align:center;margin-bottom:80px;padding:0;width:100%}figcaption{margin:1em;font-size:.875rem;clear:both}section{padding:0;break-after:avoid}footer.page{border-top:1px solid #ccc;display:block;height:auto;overflow:hidden;position:relative;padding-top:.5rem;clear:both}footer.page p{font-size:.75rem;text-align:center;width:fit-content;margin:0 auto}p,li,a{text-align:left;font-size:1rem;letter-spacing:.01em;position:relative;font-variation-settings:'wght' 400;max-width:calc(1em * 35)}blockquote{padding:0 2em;font-size:1rem}blockquote cite{display:block;text-align:right;padding:1em 0;font-size:.875rem}blockquote cite:before{content:"— "}strong{font-weight:700}h1 strong{display:block;font-weight:700}cite{font-style:italic;font-weight:normal}a{color:#c9cfcf;padding-bottom:1px}a[href*="http://"],a[href*="https://"]{padding-right:.875em;position:relative;white-space:nowrap;height:fit-content}a[href*="http://"]::before,a[href*="https://"]::before{font-family:'Material Icons';font-weight:100;content:'\e89e';position:absolute;right:0;top:.5em;width:1em;height:1em;font-size:.75em;color:rgba(112,194,194,0.7);transition:color .1s}a:hover[href*="http://"]::before,a:hover[href*="https://"]::before{transition:color .1s;color:#70c2c2}p a{color:#70c2c2;padding-bottom:1px}a:hover{color:#fff}p a:hover{color:#b8e0e0;padding-bottom:1px}a.portfolio{background:rgba(97,107,107,0.9) left top no-repeat;background-size:cover;background-position:center center;color:black !important;height:18vw;max-height:300px;position:relative;display:inline-block;width:45vw;max-width:600px;float:left;margin:5px;column-span:none}a.portfolio.short{width:20vw;max-width:calc(300px - 5px)}a.portfolio:hover{border-bottom-width:18vw}p a{position:relative;text-decoration:none;line-height:24px;font-weight:600;padding-top:10px}p a>span{position:relative;text-decoration:none;line-height:24px}p a:before{content:'';position:absolute;transition:transform .5s ease}p a:after{content:'';position:absolute;transition:transform .5s ease;left:0;bottom:0;width:100%;height:2px;background:#ccc;transform:scaleX(0)}p a>span:before,p a>span:after{content:'';position:absolute;transition:transform .5s ease}p a:hover:after{transform:scaleX(1)}.svg-inline--fa{width:2rem !important;text-align:left;padding:0 !important;margin:0 !important;color:#f5713d}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(6,19,19,0.9);transition:opacity 100ms;visibility:hidden;opacity:0;width:100vw;z-index:9999;transition:opacity .1s ease-in}.overlay:target{visibility:visible;opacity:1;transition:opacity .2s ease-in}.project{margin-top:80px !important;padding:55px 0;border-top:10px solid #a8b2b8}.popup{background:#e6e6e6;color:#1a1a1a !important;margin:5vh auto;border-radius:5px;width:90vw;max-width:1024px;height:90vh;overflow:auto;position:relative;transition:all .2s ease-in-out;overflow:auto;padding-bottom:100px}.popup header{position:relative;display:block;margin:60px 2vw 0 2vw;padding:10px}.popup article{margin:20px 3vw}.popup footer{position:relative;display:block;margin:6vw 3vw 6vw;padding:10px;position:fixed;bottom:2vh;left:0;right:0;margin:5vh auto;width:95vw;max-width:1000px;text-align:center;background:white;overflow:auto;white-space:nowrap;padding:0;border-radius:3em;transition:all 0s ease-in-out;box-shadow:0 0 20px rgba(0,0,0,0.1)}.popup footer a{width:39%;color:#527a7a;padding:.5em 1em .25em 1em}.popup footer a:hover{color:#c2d6d6;background-color:#527a7a;border-radius:3em}.popup p a{color:#1f4747 !important}.popup ul a{color:#1f4747 !important}.popup ul a[target]:after{content:" »"}.popup p a:hover,.popup ul a:hover{color:#1f4747 !important}.popup footer a:first-child{float:left;text-align:left}.popup footer a:last-child{float:right;text-align:right}.popup figure img{position:relative;margin:0;padding:0;width:100%}.popup h5{text-align:center;text-transform:uppercase;margin:2em 0 1em 0}.popup article p{line-height:1.5;margin-bottom:1em}.close{position:fixed;top:20px;right:3vw;transition:all .1s;font-size:4rem;text-decoration:none;z-index:9999;color:#798686}.portfolio{position:relative}.col-2{columns:2;column-gap:3vw}.col-3{columns:3;column-gap:3vw}.col-4{columns:4;column-gap:3vw}.col-no-gap{column-gap:0}.portfolio>header{position:absolute;text-align:center;margin:0 auto;width:100%;color:white;background-color:rgba(6,19,19,0.9);opacity:0;height:0}.portfolio:hover header{opacity:1;height:100%}.portfolio header h3{font-weight:100 !important;font-size:2rem}.portfolio header h4{font-weight:100 !important;font-size:2rem;text-transform:uppercase;font-size:1rem}.pull-right{float:right}.pull-left{float:left}#contact nav a{display:block;padding-bottom:0.875rem}#contact nav a .icon{color:#f5713d;vertical-align:middle}#myfacts{width:100%;border-bottom:1px solid #666;overflow:hidden;padding:.5rem 0}#myfacts article{float:left;width:20%;margin-right:5%}#myfacts article:first-child{margin-left:5%}#myfacts article:last-child{margin-right:0%}#myfacts h2{border-bottom:none;width:25vw;font-size:3rem;padding:0;margin:0;line-height:1}#myfacts h2 small{display:inline-block;font-size:1rem;font-weight:100;width:3rem;line-height:1;margin-left:-0.5rem}#myfacts:hover h2{color:#e4e7e7}#myfacts:hover h2 small{color:#e4e7e7}#myfacts p{font-size:1rem;font-weight:700}#myfacts p a{font-size:1rem !important;font-weight:300}#myfacts .icon{color:#f5713d;font-size:.875em;vertical-align:middle}#myskills{float:left;width:100%;margin-right:10%}#myresources h3{font-size:1.6rem !important;text-transform:uppercase}ul.skills{list-style:none;padding:0;margin:0 auto;width:300px;text-align:center}ul.skills li{border-right:1px solid rgba(0,0,0,0.2);padding:10px 10px 2px 0;font-size:.875rem;text-transform:uppercase;font-weight:400;vertical-align:middle;text-align:right;opacity:.8;margin:1px 0}ul.skills li:hover{transform:scale(1.01);opacity:1}ul.skills li.s-design{border-color:rgba(0,170,255,0.8)}ul.skills li.s-mentor{border-color:rgba(174,178,69,0.8)}ul.skills li.s-mgmt{border-color:rgba(227,169,60,0.8)}ul.skills li.e-10{border-width:100px}ul.skills li.e-09{border-width:90px;margin-right:10px}ul.skills li.e-08{border-width:80px;margin-right:20px}ul.skills li.e-07{border-width:70px;margin-right:30px}ul.skills li.e-06{border-width:60px;margin-right:40px}ul.skills li.e-05{border-width:50px;margin-right:50px}ul.skills li.e-04{border-width:40px;margin-right:60px}ul.skills li.e-03{border-width:30px;margin-right:70px}ul.skills li.e-02{border-width:20px;margin-right:80px}ul.skills li.e-01{border-width:10px;margin-right:90px}ul.legend{margin:20px auto 10px AUTO;display:block;width:30%;padding-top:10px}ul.legend li{border-right:none;border-top:4px solid rgba(0,0,0,0.2);font-weight:700;font-size:.75rem !important;padding:0 10px;text-align:center}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background:#181b1b;z-index:1000}#loader-wrapper .loader-section.section-left{left:0}#loader-wrapper .loader-section.section-right{right:0}.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}.loaded #loader{opacity:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all 0.3s 1s ease-out;transition:all 0.3s 1s ease-out}.col-span-2{column-span:2}.col-1 p{width:60%;margin:0 auto}.popup h3{font-size:1.6rem;text-transform:uppercase;break-after:column;color:#527a7a;margin:-2em 0 .75em 0;padding:0}.popup header h1{bottom:0;line-height:1;width:100%;color:#1f4747;position:relative;font-weight:900}.popup header h2{color:#3d8f8f;font-size:1.6em !important;font-weight:300;padding:0;margin:0}.popup footer a{text-transform:uppercase;font-size:1.2rem;text-align:center}.col-1{margin:2rem auto;clear:both}.popup figure.gal-2 img{width:50%;float:left}h3{font-size:1.5em;margin:1em 0 .5em 0}.float-clear{clear:both}.mf figure{width:400px;margin:0 auto}.col-flex{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center}.popup figure{position:relative;width:100%;display:block;padding:20px 0;height:auto;margin:0 auto;clear:both}.popup .videoWrapper{position:relative;padding-bottom:56.25%;padding-top:0;height:0}.popup .videoWrapper iframe{position:absolute;left:0;width:100%;height:100%}li{margin-left:1.5em;list-style-type:square}li li{margin-left:2.5em !important;list-style-type:circle !important}.photo-jct{width:200px;height:200px;position:absolute;overflow:hidden;z-index:0;bottom:-15px;left:8em}.photo-jct img{width:100%;height:100%}.figure-shadow{box-shadow:0 0 20px rgba(0,0,0,0.2);max-width:80%;margin:0 10%}.float-left{float:left}.float-right{float:right}.twitter-tweet{position:relative !important;display:none}.tweets{width:100%;height:4300px;margin:0 auto;align-content:center;text-align:center;overflow:visible}@media screen and (max-width: 1024px){header h1{bottom:0;width:100%;float:none;position:relative;float:none;width:100%;padding:1rem 0}header article{float:left;width:43vw;padding:1rem 0}header article:first-of-type{float:right}header .photo-jct{width:125px;height:125px;top:0;left:21em}.cards .portfolio header{opacity:1;height:100%;background-color:rgba(6,19,19,0.7)}.cards .portfolio header h3{font-size:1.2rem}.cards .portfolio header h4{font-size:.675rem}}@media screen and (max-width: 823px){#myfacts article{float:none;width:25vw;text-align:center;margin:1rem auto}#myfacts article:first-child{margin-left:auto}#myfacts article:last-child{margin-right:auto}#myfacts h2,#myfacts article p{text-align:left;width:100%;margin:0 auto}.col-flex{display:block;overflow:auto}a.portfolio{padding:0;background-size:cover;height:200px;position:relative;display:inline-block;width:100%;max-width:none;float:none;margin:1vw;column-span:none}a.portfolio h3{margin:auto}a.portfolio.short{width:100% !important;max-width:none}.popup{margin:2vh 0;width:96vw;padding:0 0 0 0 !important}.popup .col-2{column-gap:2vw;margin-top:80px}.col-2 img{width:50%;break-after:always}.close{padding:0;line-height:1;top:-.5vh;right:2.5vw}.col-2{column-count:1}.cards a.portfolio{width:99%;height:150px;margin-bottom:10px}.cards .portfolio header{padding-top:8%;background-color:rgba(6,19,19,0.6)}.cards .portfolio header h3{font-size:1.6rem}.cards .portfolio header h4{font-size:.875rem}}@media screen and (max-width: 768px){header article{float:none;width:100%}#about p{column-count:2;column-gap:3vw;font-size:1rem}}@media screen and (max-width: 640px){#about p{column-count:1;font-size:1.1rem}}@media screen and (max-width: 520px){header h1{width:50%}header .photo-jct{left:12em}}@media screen and (max-width: 414px){#myfacts article{float:none;width:100vw;margin-right:0;text-align:center;margin:1rem 0}#myfacts h2,#myfacts article p{width:55%}footer.page p{text-align:center}}