@font-face{font-family:Metropolis Black;font-style:normal;font-weight:400;src:url(../../static/media/metropolis-black-webfont.b4874182939d3e19d25a.woff2) format("woff2"),url(../../static/media/metropolis-black-webfont.2deb9002a7abb1abaa27.woff) format("woff"),url() format("woff")}@font-face{font-family:Metropolis Light;font-style:normal;font-weight:400;src:url(../../static/media/metropolis-light-webfont.ebef5582c45fa03c9b9f.woff2) format("woff2"),url(../../static/media/metropolis-light-webfont.fc53913b70dace6c0c43.woff) format("woff")}@font-face{font-family:Metropolis Medium;font-style:normal;font-weight:400;src:url(../../static/media/metropolis-medium-webfont.5de9b3a872fdfe40948b.woff2) format("woff2"),url(../../static/media/metropolis-medium-webfont.429198f2bc8118af537e.woff) format("woff")}@font-face{font-family:Metropolis Regular;font-style:normal;font-weight:400;src:url(../../static/media/metropolis-regular-webfont.24b5f5e018ad8fa01443.woff2) format("woff2"),url(../../static/media/metropolis-regular-webfont.9459b1da8f498f513004.woff) format("woff")}@font-face{font-family:Metropolis Semibold;font-style:normal;font-weight:400;src:url(../../static/media/metropolis-semibold-webfont.3ef218930a3f72af1272.woff2) format("woff2"),url(../../static/media/metropolis-semibold-webfont.3c24e07ce3d85f3e01b3.woff) format("woff")}*{box-sizing:border-box;margin:0;padding:0}body,html{line-height:0;overflow-x:hidden;scroll-behavior:smooth}body{background:#fff}a{color:inherit;text-decoration:none}.darkmode{background-color:#505050;color:#fff}.darkmode .navbar{background:#404040e6;color:#fff}.darkmode .sidebar{background-image:linear-gradient(180deg,#404040,#404040,#404040,#404040cc)}.darkmode .sidebar .title .name,.darkmode .sidebar .title .story{color:#fff}.darkmode .section.portfolio .project-header{background:linear-gradient(90deg,#404040,#404040e6,#404040bf)}.darkmode .section.portfolio .project-header .title{color:#fff}.darkmode .section.portfolio .filter-container{background:#00000025}.darkmode .section.portfolio .scroll-block{background:linear-gradient(90deg,#36363600,#36363633,#36363680)}.darkmode .section.about-me .story,.darkmode .section.contact .contact-add-wrapper span,.darkmode .section.contact .contact-header .title{color:#fff}main{height:100vh;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory}.section{height:100vh;padding:70px;position:relative;scroll-snap-align:start;width:100%}body::-webkit-scrollbar{display:none}.sidebar .scene{height:60px;transform:translateY(-5px);width:35%}.carousel{font-family:Metropolis Semibold;height:75px;opacity:1;position:absolute;transform:translateZ(-110px);transform-style:preserve-3d;transition:transform 1s;width:35%;z-index:-1}.carousel.visible{opacity:1}.carousel-cell{animation-name:fadeIn;color:#e54e40;font-family:Metropolis Semibold,sans-serif;font-size:45px;height:80px;line-height:80px;opacity:0;overflow-wrap:break-word;position:absolute;text-align:left;top:0;transition:opacity 1s;width:430px}.carousel-cell.visible{opacity:1}.carousel-cell:first-child{transform:rotateX(0deg) translateZ(40px)}.carousel-cell:nth-child(2){transform:rotateX(90deg) translateZ(40px)}.carousel-cell:nth-child(3){transform:rotateX(180deg) translateZ(40px)}.carousel-cell:nth-child(4){transform:rotateX(270deg) translateZ(40px)}.carousel-options{background:#fffc;position:relative;text-align:center;z-index:2}.home-wrapper{display:flex;height:100%;pointer-events:none;position:fixed;transform:translateX(0);width:100%;z-index:3}.home-wrapper,.sidebar{transition:transform .5s}.sidebar{background-image:linear-gradient(180deg,#fff,#fff,#fff,#fffc);bottom:0;box-shadow:0 0 80px rgba(0,0,0,.075);left:0;min-width:525px;position:relative;top:0;width:33vw;z-index:4}.sidebar .top{display:flex;flex-direction:column;height:100vh;justify-content:center;left:70px;opacity:1;position:absolute;right:70px;top:0;transition:opacity .5s;transition-delay:.15s}.collapsed .sidebar .top{opacity:0;transition-delay:0ms}.sidebar .title{display:flex;flex-direction:column;font-family:Metropolis Light,sans-serif;font-size:45px;line-height:1.3}.sidebar .title .name{color:#505050}.sidebar .title .role{color:#e54e40}.sidebar .title .underscore{border-bottom:3px solid #e54e40;max-width:100px;min-width:100px;padding-top:60px}.sidebar .story{color:#505050;display:flex;flex-direction:column;font-size:.95rem;padding-top:70px;position:relative;width:100%}.contact-button-wrapper{bottom:70px;box-shadow:0 0 1px #0000;display:flex;justify-content:flex-start;left:70px;padding-top:40px;position:fixed;transform:perspective(1px) translateZ(0);transition:box-shadow .25s;transition:transform .05s;transition:opacity .2s;z-index:3}.contact-button{align-items:center;background-color:#e54e40;border:3px solid #e54e40;color:#fff;cursor:pointer;display:flex;padding:2px 10px;transition:all .25s;-webkit-user-select:none;user-select:none}.contact-button-wrapper:active,.contact-button-wrapper:focus,.contact-button-wrapper:hover{animation-delay:0s,.3s;animation-direction:alternate,alternate;animation-duration:.3s,1.5s;animation-fill-mode:forwards;animation-iteration-count:1,infinite;animation-name:hvr-bob-float,hvr-bob;animation-timing-function:ease-in-out,ease-in-out;box-shadow:0 10px 10px -3px #0000001a;transition:all .25s}.contact-button .button-content{font-family:Metropolis Semibold,sans-serif;font-size:12px;line-height:1.3;margin-top:6px;padding-right:10px}.contact-button .button-graphic{min-height:10px;min-width:6px}.contact-button .button-graphic g#website_1{fill:#fff}.navbar{background:#ffffffe6;box-shadow:0 0 40px 0 rgba(0,0,0,.075);color:#505050;display:flex;flex-direction:column;font-family:Metropolis Regular,sans-serif;height:70px;justify-content:center;left:0;pointer-events:all;position:absolute;top:0;width:100vw;z-index:3}.links{align-items:center;display:flex;position:relative;transform:translateX(0);transition:transform .5s;transition-delay:25ms}.links-spacer{transition:width .5s}.links a{white-space:nowrap}.link{cursor:pointer;font-size:15px;padding:0 0 0 35px;-webkit-user-select:none;user-select:none;word-break:keep-all}.link,.link:hover{transition:color .2s}.link:hover{color:#e54e40;font-weight:500}.section.top{max-height:100vh}.logo{background:#e54e40 url(../../static/media/logo.5a9531b277b2b0a7e2e1.svg) no-repeat 50%;background-size:50px;box-shadow:0 0 20px #00000026;color:#fff;left:0}.darkmode-toggle,.logo{height:70px;position:fixed;top:0;width:70px;z-index:6}.darkmode-toggle{align-items:center;background-color:#0000;border:0;cursor:pointer;display:flex;justify-content:center;opacity:1;right:0;transition:all .2s;transition-delay:.25s}.darkmode-toggle svg{height:20px;width:20px}.collapsed .darkmode-toggle{opacity:0;pointer-events:none;transition-delay:0ms}.section.top .splash-container{bottom:70px;display:grid;grid-template-columns:1fr 2fr;left:70px;object-fit:cover;overflow:hidden;position:absolute;right:70px;top:0}.section.top .splash-wrapper{align-items:center;display:flex;grid-column-start:2;height:100%;justify-content:center;position:relative;width:100%}.section.top .splash-wrapper img{grid-column-end:3;grid-column-start:2;justify-self:center;position:absolute;z-index:1}.section.top .header{color:#505050;font-family:Ailerons,sans-serif;font-size:50px;left:50px;position:relative;text-transform:uppercase;top:50vh;transform:translateY(-50%)}.scroll-button{height:100vh;position:fixed;right:0;width:70px;z-index:5}.scroll-button .scroll-down:hover,.scroll-button .scroll-up:hover{animation:none;background:#e54e40}.scroll-down:hover svg path,.scroll-up:hover svg path{fill:#fff}.scroll-button .scroll-up{align-items:center;animation:bounce-2 2s infinite;cursor:pointer;display:flex;height:70px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .2s;transition-delay:50ms;width:70px;z-index:3}.collapsed .scroll-up{opacity:1;pointer-events:auto}.scroll-button .scroll-down{align-items:center;animation:bounce 2s infinite;bottom:0;cursor:pointer;display:flex;height:70px;justify-content:center;position:fixed;right:0;transition:all .2s;-webkit-user-select:none;user-select:none;width:70px;z-index:3}.scroll-button svg{width:17.5px}.portfolio-button:hover .button-graphic,.resume-button:hover .button-graphic,.tagline-button:hover .button-graphic{animation:bounce-3 1s infinite}.link-underscore{border:0;border-top:3px solid #e54e40;margin-left:35px;margin-top:15px;opacity:1;position:absolute;transform:translateX(0);transition:opacity .25s;width:30px}.scroll-indicator{left:30px;opacity:0;position:fixed;top:calc(50vh - 61.65px);transition:opacity .2s;width:10px;z-index:3}.collapsed .scroll-indicator{opacity:1}.lightbox-effect .scroll-indicator{visibility:hidden}.enter-section-1 .scroll-indicator .dot-1{fill:#e54e40;fill:#d1d3d4;transition:fill .2s}.enter-section-2 .scroll-indicator .dot-2{fill:#e54e40;transition:fill .2s}.exit-section-2 .scroll-indicator .dot-2{fill:#d1d3d4;transition:fill .2s}.enter-section-3 .scroll-indicator .dot-3{fill:#e54e40;transition:fill .2s}.exit-section-3 .scroll-indicator .dot-3{fill:#d1d3d4;transition:fill .2s}.enter-section-4 .scroll-indicator .dot-4{fill:#e54e40;transition:fill .2s}.exit-section-4 .scroll-indicator .dot-4{fill:#d1d3d4;transition:fill .2s}.enter-section-5 .scroll-indicator .dot-5{fill:#e54e40;transition:fill .2s}.exit-section-5 .scroll-indicator .dot-5{fill:#d1d3d4;transition:fill .2s}.enter-section-6 .scroll-indicator .dot-6{fill:#e54e40;transition:fill .2s}.exit-section-6 .scroll-indicator .dot-6{fill:#d1d3d4;transition:fill .2s}.enter-section-7 .scroll-indicator .dot-7{fill:#e54e40;transition:fill .2s}.exit-section-7 .scroll-indicator .dot-7{fill:#d1d3d4;transition:fill .2s}.section.portfolio{height:100vh;padding-right:0}.section.portfolio,.section.portfolio .project-header{align-items:center;box-shadow:0 0 80px rgba(0,0,0,.075);display:flex}.section.portfolio .project-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#fff,#ffffffe6,#ffffffbf);flex-direction:column;height:100%;justify-content:center;min-width:455px;padding:0 35px;position:absolute;width:calc(33vw - 140px);z-index:2}.section.portfolio .project-header .title{color:#505050;font-family:Metropolis Light,sans-serif;font-size:45px;line-height:1.3;padding-right:15px}.section.portfolio .project-header .content{display:flex;flex-direction:row;justify-content:flex-start;position:relative;width:100%}.section.portfolio .filter-container{align-items:center;background-color:#0000000d;border-radius:17.5px;display:grid;grid-template-columns:repeat(4,1fr);height:35px;justify-content:center;left:0;margin-top:35px;max-width:385px;overflow:hidden;position:relative;right:0;width:100%}.section.portfolio .filter-cancel{align-items:center;bottom:0;display:flex;height:35px;justify-content:center;left:-32px;opacity:0;position:absolute;width:35px}.section.portfolio .filter-cancel svg{fill:#e54e40;cursor:pointer;height:10px;pointer-events:none;width:10px}.section.portfolio .filter-highlight.enabled{opacity:1}.section.portfolio .filter-highlight{background-color:#e54e40;border-radius:17.5px;height:100%;opacity:0;position:absolute;transform:translateX(-100%);transition:all .35s ease-in-out;width:25%;z-index:-1}.section.portfolio .filter{color:#a0a0a0;cursor:pointer;font-family:Metropolis Regular;font-size:.8em;line-height:1.3;min-width:50px;padding:12px 0;text-align:center;transition:all .35s;-webkit-user-select:none;user-select:none}.tags-container{align-items:center;display:flex;flex-direction:row;margin-left:17.5px;opacity:0;position:absolute;top:17.5px;transition:opacity .2s}.project-tile-wrapper:hover .tags-container{opacity:1}.projectImage{line-height:0}.project-tag{align-items:center;border-radius:22.5px;color:#fff;display:flex;font-family:Metropolis Regular;font-size:.8em;height:22.5px;margin-right:10px;opacity:.95;padding:4px 12.5px 0;text-align:center;-webkit-user-select:none;user-select:none}.section.portfolio .filter.current{color:#fff;mix-blend-mode:normal}.section.portfolio .projects-grid-wrapper{display:block;height:100vh;overflow-x:scroll;position:relative;right:0;width:auto}.section.portfolio .projects-grid{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"placeholder project-1 project-3 project-5 project-7 project-9 project-11" "placeholder project-1 project-4 project-5 project-8 project-9 project-12" "placeholder project-2 project-4 project-6 project-8 project-10 project-12";grid-template-columns:auto repeat(6,calc(66.66667vh - 93.33333px));grid-template-rows:repeat(3,1fr);height:100vh;justify-content:start;padding:70px 70px 70px 0;position:relative;width:auto}.section.portfolio .projects-grid .project-label{bottom:20px;color:#505050;font-family:Metropolis Regular;font-size:15px;line-height:1.3;padding-left:17.5px;position:absolute;transform:translateX(0)}.projects-grid .project-label-shadow{background:linear-gradient(0deg,#0009,#00000059,#0003,#0000001a,#0000001a,#0000001a);height:100%;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s;width:100%;z-index:-1}.project-tile-wrapper:hover .project-label,.project-tile-wrapper:hover .project-label-shadow,.project-tile_description:hover{opacity:1}.section.portfolio .projects-grid .project-label .project-tile_title{color:#fff;font-size:1em;font-weight:500}.section.portfolio .projects-grid .project-label .project-tile_description{color:#fff;font-size:1em;font-weight:300;margin-top:10px;opacity:.75;transition:opacity .2s}.section.portfolio .projects-grid .grid-placeholder{grid-area:placeholder;min-width:455px;width:calc(33vw - 140px)}.section.portfolio .projects-grid .grid-spacer{width:60px}.section.portfolio .projects-grid .project-tile-wrapper{align-items:center;animation:fadeIn .75s;box-shadow:0 0 12px #0000;cursor:pointer;display:flex;justify-self:stretch;overflow:hidden;position:relative;transform:scaleX(1);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.section.portfolio .projects-grid .project-tile-wrapper:hover{box-shadow:0 0 25px #0000004d}.section.portfolio .scroll-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#fff0,#fff3,#ffffff80);height:100%;position:absolute;right:0;width:70px;z-index:1}.section.portfolio .projects-grid .project-image-wrapper{align-items:center;display:flex;height:100%;position:relative;width:auto}.section.portfolio .projects-grid img{cursor:pointer;height:100%;object-fit:cover;position:relative;width:100%}.projects-container .project-tile-overlay{height:100%;position:absolute;width:100%}.project-modal{animation:fadeIn .4s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0;display:flex;justify-content:center;left:0;opacity:1;padding:70px;position:fixed;right:0;top:0;transition:all .2s;z-index:5}.project-modal .backdrop:hover{opacity:1}.project-modal .backdrop{align-items:center;animation:fadeIn .4s;bottom:0;cursor:pointer;display:flex;flex-direction:row;height:100%;justify-content:center;opacity:1;position:fixed;position:absolute;transition:opacity .2s;width:100%;z-index:-1}.project-modal .close-button-corner{height:70px;opacity:1;position:absolute;right:0;top:0;transition:opacity .2s;width:70px}.project-modal .close-button-corner:hover .close-button-corner-label,.project-modal .close-button-corner:hover svg{opacity:1}.project-modal .close-button-corner svg{fill:#e54e40;cursor:pointer;height:45px;left:12.5px;opacity:.75;padding:15px;position:absolute;top:12.5px;transition:opacity .3s;width:45px}.close-button-corner-label{font-family:Metropolis Light;font-size:12.5px;opacity:0;right:70px;top:37.5px;transition:opacity .3s}.close-button-corner-label,.project-modal .close-button{color:#e54e40;position:absolute;-webkit-user-select:none;user-select:none}.project-modal .close-button{align-items:center;bottom:0;cursor:pointer;display:flex;flex-direction:column;font-family:Metropolis Medium;font-size:1em;font-weight:500;height:70px;justify-content:center;margin-right:10px;opacity:.9;text-align:center;width:auto}.project-modal .content{animation:fadeIn .75s;background-color:#d1d3d4;box-shadow:0 0 40px 0 rgba(0,0,0,.075);height:100%;max-width:1372px;overflow:scroll;scroll-behavior:smooth;width:auto}.project-modal .project-document{box-shadow:0 0 40px 0 rgba(0,0,0,.075);width:100%}.section.about-me{display:flex;max-height:100vh}.section.about-me .left{box-shadow:0 0 80px rgba(0,0,0,.075);display:flex;min-width:455px;width:calc(33vw - 140px)}.section.about-me .right{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-areas:"story-1 story-2" "story-1 story-2" "tiles tiles";grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.section.about-me .splash{background:url(../../static/media/splash_1.533db3ffa907e0c02b8b.jpg) no-repeat 50%;background-size:cover;flex:1 1;min-width:275px}.section.about-me .story{color:#505050;display:flex;flex-direction:column;font-family:Metropolis Regular,sans-serif;font-size:.95rem;justify-content:center;line-height:1.3;padding-left:35px}.section.about-me #para-1{grid-area:story-1}.section.about-me #para-2{grid-area:story-2}.section.about-me .skill-tile-container{align-items:end;display:flex;flex:1 1;grid-area:tiles;overflow-x:scroll;width:100%}.section.about-me .skill-tile-wrapper{align-items:center;aspect-ratio:1/1;background-color:#e54e40;color:#fff;display:flex;height:calc(100% - 20px);justify-content:center;margin-left:10px;position:relative;width:auto}.section.about-me .skill-title{font-family:Metropolis Medium,sans-serif;font-size:.95rem;left:20px;line-height:1.3;position:absolute;top:20px}.section.about-me .skill-description{font-family:Metropolis Thin,sans-serif;font-size:11px;line-height:1.3;padding:20px 20px 0}.section.contact{align-items:center;box-shadow:0 0 80px rgba(0,0,0,.075);display:flex;height:100vh;padding-right:0}.section.contact .contact-header{align-items:start;box-shadow:0 0 80px rgba(0,0,0,.075);display:flex;flex-direction:column;height:100%;justify-content:center;min-width:455px;padding:0 35px;position:absolute;width:calc(33vw - 140px)}.section.contact .contact-header .title{color:#505050;font-family:Metropolis Light;font-size:45px;line-height:1.3;padding-right:15px}.section.contact .contact-header .contact-link-container{margin-top:15px}.section.contact .contact-header .contact-link-wrapper{display:flex;height:auto;margin-left:2.5px}.section.contact .contact-header .contact-link{color:#e54e40;font-family:Metropolis Regular,sans-serif;font-size:.95em;line-height:1.3;margin-bottom:15px}.section.contact .contact-link-wrapper svg{fill:#e54e40;margin-left:5px;width:12px}.section.contact .contact-placeholder{min-width:455px;width:calc(33vw - 140px)}.section.contact .contact-form-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.section.contact .contact-form{background-color:#e54e40;box-shadow:0 0 80px rgba(0,0,0,.075);color:#fff;height:80%;line-height:1.3;max-height:600px;padding:35px;position:relative;width:455px}.section.contact .contact-form p{font-family:Metropolis Light,sans-serif;font-size:22.5px}.section.contact .contact-form span{font-family:Metropolis Semibold,sans-serif;font-size:22.5px}.section.contact .contact-form .underscore{border-bottom:2px solid #fff;margin-bottom:10px;padding-top:20px;width:50px}.section.contact .formElement{display:flex;flex-direction:column;gap:5px}.section.contact label{font-family:Metropolis Regular,sans-serif;font-size:12px;margin-top:20px}.section.contact .formElement input:focus,textarea:focus{opacity:1}.section.contact .formElement input,textarea{background-color:#0000000d;border:0;box-shadow:inset 1px 2px 26px -14px #0003;-webkit-box-shadow:inset 1px 2px 26px -14px #0003;-moz-box-shadow:inset 1px 2px 26px -14px #0003;color:#fff;font-family:Metropolis Light,sans-serif;opacity:.75;padding:8px;resize:none;transition:all .2s}.section.contact .formElement input::placeholder,textarea::placeholder{color:#ffffffbf}.section.contact .formButton{background-color:#e54e40;border:2px solid #fff;bottom:35px;box-shadow:0 0 0 0 #0000001a;color:#fff;cursor:pointer;left:35px;margin-left:auto;padding:10px;position:absolute;transition:all .2s;width:100px}.section.contact .formButton span{font-family:Metropolis Semibold,sans-serif;font-size:12px}.section.contact .formButton:hover{background-color:#fff;box-shadow:0 5px 12px -3px #f4caca33;color:#e54e40}.section.contact .contact-add-container{display:flex;flex-direction:column;margin-top:15px}.section.contact .contact-add-container .contact-add-wrapper{align-items:center;display:flex;height:25px;margin-bottom:15px}.section.contact .contact-add-wrapper svg{fill:#e54e40;height:auto;width:17.5px}.section.contact .contact-add-wrapper span{color:#505050;font-family:Metropolis Regular,sans-serif;font-size:.95em;margin-left:10px;margin-top:5px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.cb4fed4b.css.map*/