:root{--primary-color:#000;--secondary-color:#000;--tertiary-color:#000;--highlight:#a3b18a;--bright:#dad7cd;--white:#fff;--primary-rgb:#000}body{background-color:#000;color:#fff0f0;font-family:source-sans-3-variable,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wght" 300;font-weight:400;margin:0;padding:0;transition:background-color .25s linear;width:100%}hr{border:1px solid #000;border:1px solid var(--primary-color)}a{color:#000;color:var(--secondary-color)}h1,h2,h3{font-family:boiga-fill,serif;font-optical-sizing:auto;font-style:normal;font-weight:300}h1{-webkit-font-feature-settings:auto;font-feature-settings:auto;font-kerning:auto;text-transform:lowercase}h2{color:#000;color:var(--primary-color);font-size:48px}h3{font-size:36px;margin-bottom:10px;margin-top:10px}.emph{color:#000;color:var(--tertiary-color);font-weight:400}.active{text-decoration:underline;-webkit-text-decoration-color:#000;text-decoration-color:#000;text-decoration-thickness:1px}.main-content-wrapper{margin:0 auto;padding-bottom:25px;padding-top:15px;width:85%}.skills-ul{-webkit-padding-start:0;display:flex;flex-wrap:wrap;justify-content:left;margin:0;padding-inline-start:0}.skills-li{background-color:#000;background-color:var(--secondary-color);border-bottom-left-radius:15px;border-top-right-radius:15px;color:#dad7cd;color:var(--bright);display:inline;font-weight:600;list-style-type:none;margin:3px;padding:5px 8px}.resume h2,.resume h3{color:#000;color:var(--primary-color)}button{font-family:source-sans-3-variable,sans-serif}footer{display:flex;height:50px;justify-content:space-around;padding:30px 0;width:100%}.icons a{transition:color .75s ease-in 30ms}.icons a:hover{color:#000;color:var(--secondary-color)}.about-content-wrapper,.body-wrapper{min-height:calc(100vh - 128px)}@media screen and (min-width:900px){header{align-items:center;flex-direction:row;justify-content:flex-end}}.mobile-nav-toggle{background:none;border:none;color:#fff0f0;cursor:pointer;margin-right:10px;margin-top:0;padding:0}.mobile-nav-list{display:flex;flex-direction:column;gap:2rem;list-style:none;margin:0;padding:3.5rem 2.5rem}.mobile-nav-item{-webkit-clip-path:polygon(3% 12%,97% 5%,95% 92%,2% 88%);clip-path:polygon(3% 12%,97% 5%,95% 92%,2% 88%);display:inline-block;-webkit-filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mobile-nav-item a{color:#000;display:block;font-family:boiga-fill,sans-serif;font-size:clamp(2rem,10vw,2.75rem);font-weight:300;line-height:1;padding:1.25rem 2.5rem 1.5rem;text-decoration:none;text-transform:uppercase}.mobile-nav-item:first-child{background:#ff6b6b;-webkit-transform:rotate(-1.5deg);transform:rotate(-1.5deg)}.mobile-nav-item:nth-child(2){background:#4ecdc4;-webkit-transform:rotate(1.2deg);transform:rotate(1.2deg)}.mobile-nav-item:nth-child(3){background:#f7b733;-webkit-transform:rotate(-.8deg);transform:rotate(-.8deg)}.mobile-nav-item:nth-child(4){background:#ff6b6b;-webkit-transform:rotate(1.5deg);transform:rotate(1.5deg)}header h1{color:#fff}header{align-items:center;color:var(--primary-color);display:flex;flex-direction:row;justify-content:space-between;margin:20px;max-width:100%}header a{text-decoration:none}header a:hover{text-decoration:underline;-webkit-text-decoration-color:#f7b733;text-decoration-color:#f7b733;text-decoration-thickness:1px;text-underline-offset:3px}.details{margin-top:5px}main h4{align-items:center;display:flex;gap:4px;margin-bottom:10px}main h4 .icon{margin-left:5px}main a{-webkit-text-decoration-color:#000;text-decoration-color:#000;text-underline-offset:3px}main a:hover{text-decoration:none}.demonstrates-container{margin-bottom:15px;margin-top:0}.demonstrates{color:#0b0d0f;font-size:1rem;font-style:italic;font-weight:300;padding:5px}.portfolio-grid{padding-top:2rem}.portfolio-grid-heading-wrap{isolation:isolate;margin-bottom:4rem;max-width:90vw;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.portfolio-grid-heading-wrap:before{background:rgba(0,0,0,.85);content:"";inset:0;position:absolute;-webkit-transform:translate(-8px,8px);transform:translate(-8px,8px);z-index:-1}.portfolio-grid-heading,.portfolio-grid-heading-wrap:before{-webkit-clip-path:polygon(2% 8%,97% 0,95% 94%,3% 100%);clip-path:polygon(2% 8%,97% 0,95% 94%,3% 100%)}.portfolio-grid-heading{background:#000;color:#fff;font-family:boiga-outline,sans-serif;font-size:clamp(2.5rem,8vw,5rem);font-weight:300;line-height:.85;margin:0;padding:2rem 3rem 2.25rem;text-transform:uppercase}.portfolio-project-card{background:#fff;-webkit-clip-path:polygon(1% 3%,99% 0,98% 97%,2% 100%);clip-path:polygon(1% 3%,99% 0,98% 97%,2% 100%);color:#000;-webkit-filter:drop-shadow(0 10px 24px rgba(0,0,0,.35));filter:drop-shadow(0 10px 24px rgba(0,0,0,.35));padding:2rem 2.5rem}.portfolio-project-card a{color:#000}@media screen and (max-width:480px){.portfolio-grid-heading{padding:1.5rem 2rem 1.75rem}.portfolio-project-card{padding:1.5rem 1.75rem}}.about-panel section{padding:4rem 3rem 3rem}.list{display:flex;flex-direction:column;gap:.9rem;list-style:none;margin:1.5rem 1.5rem 0;max-width:100%;padding:0}.list li{box-sizing:border-box;-webkit-clip-path:polygon(3% 14%,98% 5%,94% 94%,2% 86%);clip-path:polygon(3% 14%,98% 5%,94% 94%,2% 86%);color:#000;display:inline-block;-webkit-filter:drop-shadow(0 10px 18px rgba(0,0,0,.14));filter:drop-shadow(0 10px 18px rgba(0,0,0,.14));font-variation-settings:"wght" 900;letter-spacing:.02em;line-height:1.1;max-width:100%;padding:1.5rem 2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:480px){.about-panel section{padding:2.5rem 1.5rem 1.5rem}.list{margin:1rem 0 0}}#one{background:#ff6b6b;-webkit-transform:rotate(-2.2deg);transform:rotate(-2.2deg)}#two{background:#4ecdc4;-webkit-transform:rotate(1.9deg);transform:rotate(1.9deg)}#three{background:#f7b733;-webkit-transform:rotate(-.9deg);transform:rotate(-.9deg)}.icons a{margin:4px}footer{margin:0 auto}.container{flex-wrap:nowrap;margin:0 auto;min-height:100vh}.big-name,.container{align-items:center;display:flex;flex-direction:column;justify-content:center}.big-name{font-size:clamp(3.5rem,16vw,10rem);font-style:normal;font-weight:300;line-height:.8em;margin-bottom:10px}.big-name.outline{font-family:boiga-outline,sans-serif;position:relative;z-index:2}.big-name.fill{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,red,orange,#ff0);background-repeat:no-repeat;background-size:100% 100%;color:transparent;font-family:boiga-fill,sans-serif;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease-in;z-index:1}.name-stack{display:inline-block;position:relative}.big-name.fill.visible{opacity:1}.big-name .name-line{display:block;padding:.08em 0;white-space:nowrap}.letter{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.letter.space{width:.35em}.big-name.fill .letter{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:inherit;background-repeat:inherit;background-size:inherit;color:transparent}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.weirdo{letter-spacing:2.5rem;padding:10px}.not-weirdo{letter-spacing:normal}.divider{margin:20px}#weird-button{background-color:#fff;border:none;border-radius:30px;color:#000;cursor:pointer;opacity:0;padding:10px 10px 5px}#weird-button.visible{opacity:1;transition:opacity .75s ease-in-out}.weird-button-wrap{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite;display:inline-block;-webkit-transform-origin:bottom;transform-origin:bottom}#weird-button{margin:30px auto 0;transition:-webkit-transform .5s ease-in;transition:transform .5s ease-in;transition:transform .5s ease-in,-webkit-transform .5s ease-in}.weird-button-wrap:hover{-webkit-animation:none;animation:none}.weird-button-wrap:hover #weird-button{-webkit-transform:scale(1.4);transform:scale(1.4)}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.subheading{font-family:source-sans-3-variable,sans-serif;font-variation-settings:"wght" 900}.layout,.subheading{align-items:center;display:flex;flex-direction:column;justify-content:center}.layout{min-height:calc(100vh - 128px);overflow-x:clip}.portfolio{display:flex;flex-direction:row;gap:1.5rem;justify-content:center;padding:1rem 0 3rem;width:100vw}.card-summary{color:rgba(0,0,0,.55);font-size:.8rem;font-variation-settings:"wght" 600;letter-spacing:.08em;margin:.5rem 0 0;text-transform:uppercase}.about{overflow:visible;padding:3rem 0 0;position:relative}.about-panel{background:#fff;-webkit-clip-path:polygon(4% 4%,98% 0,96% 98%,2% 94%);clip-path:polygon(4% 4%,98% 0,96% 98%,2% 94%);color:#000;overflow:hidden;padding:4rem 2.5rem 3rem}.about-panel,.about-panel-wrap{margin:0 auto;width:min(900px,92vw)}.about-panel-wrap{isolation:isolate;position:relative}.about-panel-wrap:before{background:rgba(0,0,0,.9);-webkit-clip-path:inherit;clip-path:inherit;-webkit-clip-path:polygon(4% 4%,98% 0,96% 98%,2% 94%);clip-path:polygon(4% 4%,98% 0,96% 98%,2% 94%);content:"";inset:0;position:absolute;-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px);z-index:-1}.headline-wrapper{background:#000;-webkit-clip-path:polygon(2% 12%,98% 4%,94% 94%,4% 88%);clip-path:polygon(2% 12%,98% 4%,94% 94%,4% 88%);color:#fff;margin:0 auto -7rem;max-width:90vw;padding:2.75rem 2.5rem;position:relative;text-align:right;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10}.but-white{background:#fff;color:#000;margin:0 auto;padding:.75rem 1.75rem}.headline{color:#fff;font-family:boiga-fill,sans-serif;line-height:.6;margin:0;text-transform:uppercase}.credit{color:#f7b733;font-size:1.2rem;margin:0}@media screen and (max-width:480px){.weirdo{letter-spacing:.75rem}.headline-wrapper{padding:3.5rem 2rem 3rem}.about-panel{padding:2rem 1.25rem 4rem}}@media screen and (max-width:640px){.portfolio{align-items:center;flex-direction:column}}@media screen and (min-width:700px){.subheading{flex-direction:row;flex-wrap:nowrap}}.poly-card{--poly-clip:polygon(0% 2%,99% 0%,98% 98%,0% 100%);--poly-bg:#000;--poly-width:fit-content;--poly-rotate:0deg;background:var(--poly-bg);border-left:10px solid #000;clip-path:var(--poly-clip);-webkit-clip-path:var(--poly-clip);cursor:pointer;display:block;isolation:isolate;overflow:visible;padding:1rem 1.25rem;padding:var(--poly-padding,1rem 1.25rem);position:relative;-webkit-transform:rotate(var(--poly-rotate));transform:rotate(var(--poly-rotate));width:var(--poly-width);z-index:0}.fun-page{min-height:80vh;padding:3rem 2rem}.fun-placeholder{color:hsla(0,100%,97%,.6);font-size:1.1rem;font-variation-settings:"wght" 300;line-height:1.6;margin:0;max-width:520px}@media screen and (max-width:480px){.fun-page{padding:2rem 1rem}}
/*# sourceMappingURL=main.8452fb92.css.map*/