*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}#root{--primary:#33c8b4;--secondary:#ff8f00;--background:#031625;--backgroundAlt:#162633;--body:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#031625;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:-webkit-max-content;height:max-content;margin:0;min-height:calc(100vh - 72px)}h1,h2,h3,p{color:var(--body)}p{font-size:.8rem;text-align:left}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}hr{color:var(--body);width:100%}.popupBackground{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;display:none;flex-direction:column;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s;width:100vw;z-index:102}.reduceMotion *{transition:none!important}.App{background:var(--background);height:-webkit-max-content;height:max-content;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:var(--background);color:var(--body);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)}}header{align-items:center;background:var(--background);column-gap:16px;display:flex;flex-direction:row;height:72px;justify-content:space-between;padding:16px 32px;position:fixed;top:0;transition:background .2s ease-out 75ms;width:100vw;z-index:4}.buttonMenu{stroke:var(--body);display:none;height:40px;width:40px}.mobileMenu{background:var(--backgroundAlt);box-shadow:0 1px 8px 2px #00000080;display:none;flex-shrink:0;height:56px;justify-content:space-evenly;left:0;opacity:0;padding:16px;position:fixed;top:0;transition:top .2s,opacity .2s;width:100%;z-index:3}.headerLeft,.mobileMenu{align-items:center;flex-direction:row}.headerLeft{column-gap:16px;flex-grow:1;justify-content:flex-start;width:auto}.headerLeft,.headerLogo{display:flex;height:100%}.headerLogo{align-items:center;column-gap:8px;flex-direction:row;text-decoration:none;width:-webkit-max-content;width:max-content}.headerLogo svg{aspect-ratio:1/1;height:100%;width:auto}.siteName{color:var(--body);font-size:1.5rem;font-weight:500;min-width:96px;width:-webkit-max-content;width:max-content}.nav{align-items:center;display:flex;flex-direction:row;flex-grow:1;height:100%;justify-content:space-evenly;max-width:640px;min-width:256px;width:auto}.navUnderline{background-color:var(--primary);box-shadow:0 2px 12px 1px color-mix(in srgb,var(--primary) 50%,#0000);height:1px;left:32px;position:absolute;top:64px;transition:all .4s}.navLink{color:var(--body);cursor:pointer;font-size:1rem;font-weight:400;padding:4px 8px 2px;text-decoration:none;transition:color .2s;-webkit-user-select:none;user-select:none}.activeNavLink,.navLink:hover{color:var(--primary)}.headerRight{align-items:center;column-gap:24px;display:flex;flex-direction:row;height:100%;justify-content:flex-end;width:-webkit-max-content;width:max-content}.headerIconButton{stroke:color-mix(in srgb,var(--body) 50%,#0000);fill:color-mix(in srgb,var(--body) 0,#0000);aspect-ratio:1/1;cursor:pointer;height:100%;padding:8px;position:relative;width:auto;z-index:5}.iconWhite{height:24px;transition:stroke .2s,fill .2s;width:24px}.headerIconButton:hover .iconWhite{stroke:var(--body);fill:var(--body)}.helpText{color:var(--body);font-size:.8rem;height:-webkit-max-content;height:max-content;left:-20px;line-height:1.2;opacity:0;overflow:visible;pointer-events:none;position:absolute;text-align:center;top:24px;transition:opacity .15s,top .2s;-webkit-user-select:none;user-select:none;width:80px;z-index:4}.headerIconButton:hover .helpText{opacity:1;top:32px}@media only screen and (max-width:767px){header{padding:16px}.headerRight{column-gap:12px}.nav,.siteName{display:none}.buttonMenu{display:block}.mobileMenu{display:flex}}.contactButton{align-items:center;background:#0000;border:2px solid color-mix(in srgb,var(--primary) 75%,#0000);border-radius:8px;box-shadow:0 0 0 0 #0000;color:color-mix(in srgb,var(--primary) 75%,#0000);cursor:pointer;display:flex;flex-direction:row;height:36px;justify-content:center;padding:8px 16px;position:relative;transition:box-shadow .2s,border-color .2s,color .2s,background .2s;-webkit-user-select:none;user-select:none;width:-webkit-max-content;width:max-content}.contactButton:hover,.contactButtonActive{border-color:var(--primary);box-shadow:0 0 16px 3px color-mix(in srgb,var(--primary) 75%,#0000);color:var(--body)}.contactButtonActive{background:var(--primary);color:var(--background)!important}.contactDropdown{align-items:center;background:var(--backgroundAlt);border:2px solid var(--primary);border-radius:8px;cursor:auto;display:flex;flex-direction:row;gap:16px;height:-webkit-max-content;height:max-content;justify-content:flex-start;left:0;opacity:0;padding:8px;pointer-events:none;position:absolute;top:0;transition:top .2s,opacity .15s;width:-webkit-max-content;width:max-content;z-index:-1}.contactIcon{fill:var(--body);aspect-ratio:1;cursor:pointer;height:auto;pointer-events:all;transition:fill .2s;width:24px}.iconEnvelope:hover{fill:var(--primary)}.iconLinkedIn:hover{fill:#0a66c2}.iconDribbble:hover{fill:#e74d89}.footer{align-items:center;background:linear-gradient(0deg,#000c,#0000);bottom:0;display:flex;flex-direction:row;height:-webkit-max-content;height:max-content;justify-content:space-between;left:0;max-height:64px;padding:8px 16px;pointer-events:none;position:fixed;transition:bottom .2s ease-out;width:100%;z-index:101}.footer p{font-size:.8rem;line-height:1.5}.buttonCredits{cursor:pointer;pointer-events:all;text-align:right}.buttonCredits:hover{color:var(--primary);text-decoration:underline}.popupCredits{background:var(--backgroundAlt);border-radius:8px;box-shadow:1px 1px 16px 1px #00000080;flex-direction:column;gap:16px;margin:8px;max-height:calc(100% - 16px);max-width:calc(100vw - 16px);overflow-y:auto;padding:16px;width:480px}.popupCredits,.popupHead{display:flex;height:-webkit-max-content;height:max-content}.popupHead{align-items:flex-start;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.popupTitle{text-align:left}.popupCloseCredits{stroke:var(--body);cursor:pointer;flex-grow:0;height:24px;transition:stroke .2s;width:24px}.popupCloseCredits:hover{stroke:var(--primary)}.creditsList{align-items:flex-start;flex-direction:column;gap:12px}.credit,.creditsList{display:flex;height:-webkit-max-content;height:max-content;justify-content:flex-start;width:100%}.credit{align-items:center;flex-direction:row;flex-wrap:wrap;gap:4px 16px}.credit p{cursor:pointer;flex-grow:0;-webkit-user-select:none;user-select:none;width:-webkit-max-content;width:max-content}.credit p:hover{color:var(--primary);text-decoration:underline}.heroMain{background:radial-gradient(circle at 70%,#0c3250,#03162500);height:calc(100vh - 72px);overflow-x:hidden;position:relative;width:100vw}.heroTitle{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;position:absolute;top:0;width:100%}.heroTitleRow{position:relative;width:100vw}.heroTitleRow svg{padding:0 8px}.heroTitleDeveloper{aspect-ratio:166/33;height:28vh}.heroTitleAnd{height:20vh;margin-bottom:32px;margin-top:-32px}.heroTitleAnd svg{transition:opacity .5s .5s}.andInvisible svg{opacity:0}.andVisible svg{opacity:1}.heroTitleDesigner{aspect-ratio:29/7;height:28vh}.heroText{height:100%;position:absolute;width:100%}@keyframes slideInR{0%{left:100vw}to{left:0}}@keyframes slideInL{0%{right:100vw}to{right:0}}.outlineText{opacity:.8;top:0;z-index:3}.fillText{top:0;transition:right 50ms linear;z-index:1}.heroImage{aspect-ratio:57/62;background-image:url(/static/media/jesse1.5134cd078c424b4db27f.png);background-position:100%;background-size:cover;bottom:0;height:80vh;position:absolute;right:5vw;width:auto;z-index:2}#fillAnd,#fillDes,#fillDev,#outlineAnd,#outlineDes,#outlineDev{left:0;top:0}@media only screen and (max-width:800px){.heroImage{height:60vh;left:20vw;right:auto}.heroTitle{justify-content:flex-start;padding-top:10vh;row-gap:32px}.heroTitleDesigner,.heroTitleDeveloper{height:-webkit-max-content;height:max-content;width:100%}.heroTitleAnd{height:64px;margin:0;padding:0}#outlineAnd,#outlineDes,#outlineDev{left:.5vw!important;top:.5vh!important}#fillAnd,#fillDes,#fillDev{right:.5vw!important;top:-.5vh!important}}main{height:-webkit-max-content;height:max-content;min-height:100vh;padding-top:72px}.workMain{flex-direction:column;gap:32px;margin:72px auto 0;max-width:1920px;min-height:calc(100vh - 72px);padding:16px}.divider,.workMain{align-items:center;display:flex;height:-webkit-max-content;height:max-content;justify-content:flex-start;width:100%}.divider{gap:16px}.mobileCategName{display:none;height:-webkit-max-content;height:max-content;width:-webkit-max-content;width:max-content}.dividerLine{background:var(--body);flex-grow:1;height:1px;width:auto}.workList{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;height:-webkit-max-content;height:max-content;justify-content:flex-start;width:100%}.workPreview{background-position:50%;background-size:cover;border:2px solid var(--backgroundAlt);border-radius:5px;flex-grow:1;flex-shrink:0;height:360px;max-width:480px;min-width:280px;overflow:hidden;width:280px}.previewOverlay,.workPreview{align-items:center;display:flex;flex-direction:column;justify-content:center}.previewOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;height:100%;opacity:0;padding:8px;transition:opacity .2s;width:100%}.workPreview:hover .previewOverlay{opacity:1}.previewTitle{color:var(--body);font-size:2rem;font-weight:700;height:-webkit-max-content;height:max-content;max-width:100%;text-align:center;text-shadow:0 0 4px var(--background);width:-webkit-max-content;width:max-content}.codepen{align-items:center;border:1px solid var(--body);border-radius:8px;display:flex;height:300px;justify-content:center;overflow:hidden;width:100%!important}.cp_embed_wrapper{height:100%;width:100%}@media only screen and (max-height:800px){.mobileCategName{display:inline}}.workNav{border-radius:10px;box-shadow:1px 1px 8px 1px #00000080;display:flex;flex-direction:row;flex-grow:0;flex-wrap:nowrap;height:320px;justify-content:flex-start;overflow:hidden;transition:height .25s;width:100%}.category:first-child,.category:first-child .categoryOverlay{border-radius:8px 0 0 8px}.category:last-child,.category:last-child .categoryOverlay{border-radius:0 8px 8px 0}.category{align-items:flex-start;background-position:50%;background-size:100vw;display:flex;flex-direction:column;flex-grow:0;gap:16px;height:100%;justify-content:center;overflow:hidden;padding:16px;position:relative;transition:width .25s,flex-grow .25s;width:64px}.category:not(.activeCategory){cursor:pointer}.activeCategory{align-items:center;flex-direction:row;flex-grow:1;justify-content:flex-start;width:auto}.categoryOverlay{-webkit-backdrop-filter:blur(4px) brightness(60%);backdrop-filter:blur(4px) brightness(60%);height:110%;left:0;position:absolute;top:-5%;transition:background .15s;width:100%;z-index:1}.category:not(.category:first-child) .categoryOverlay{box-shadow:inset 2px 0 8px 1px #00000080}.categoryIcon{stroke:var(--body);height:32px;left:16px;position:absolute;top:16px;width:32px;z-index:2}.categoryName{color:#fff;font-size:1.7rem;text-align:center;transform:rotate(-90deg);transition:transform .15s;-webkit-user-select:none;user-select:none;z-index:2}.category:not(.activeCategory) .categoryName{height:64px;left:-76px;position:absolute;width:240px}.activeCategory .categoryName{transform:rotate(0)}@media only screen and (max-height:800px){.workNav{height:64px}.activeCategory,.category{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:8px;width:auto}.activeCategory .categoryOverlay{-webkit-backdrop-filter:blur(4px) brightness(100%);backdrop-filter:blur(4px) brightness(100%)}.categoryOverlay:not(.activeCategory){box-shadow:none!important}.activeCategory{border-bottom:3px solid var(--body);box-shadow:0 0 12px 2px #000!important;z-index:2}.categoryIcon{position:static}.categoryName{display:none}}.detailsPopup{background:var(--backgroundAlt);border-radius:8px;box-shadow:1px 1px 12px 2px #000000b3;flex-direction:column;gap:16px;height:calc(100vh - 32px);justify-content:flex-start;left:max(calc(50vw - 900px),16px);max-width:1800px;padding:16px 16px 24px;position:absolute;top:16px;width:calc(100vw - 32px);z-index:2}.detailsHead,.detailsPopup{align-items:center;display:flex}.detailsHead{flex-direction:row;height:-webkit-max-content;height:max-content;justify-content:center;position:relative;width:100%}.popupCloseDetails{stroke:var(--body);cursor:pointer;flex-grow:0;height:24px;position:absolute;right:0;top:0;transition:stroke .2s;width:24px}.popupCloseDetails:hover{stroke:var(--primary)}.contentCodePen,.contentImages{flex-direction:column;flex-grow:1;flex-shrink:1;height:auto;justify-content:flex-start}.contentCodePen,.contentImages,.imageGallery{align-items:center;display:flex;gap:16px;width:100%}.imageGallery{background:var(--background);border-radius:8px;flex-direction:row;height:64px;justify-content:space-between;padding:8px 0}.imageNext,.imagePrev{background:#0000;cursor:pointer;height:48px;padding:8px;width:48px}.imageNavIcon{stroke:var(--body);height:100%;transition:stroke .2s;width:100%}.imageNavIcon:hover{stroke:var(--primary)}.imageList{align-items:center;display:flex;flex-direction:row;gap:16px;height:100%;justify-content:center;width:-webkit-max-content;width:max-content}.listImage{aspect-ratio:16/9;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #0000;border-radius:4px;cursor:pointer;height:48px;image-rendering:smooth;transition:border-color .2s;width:auto}.currentImage{border-color:var(--secondary)}.bigImageContainer{align-items:center;background:var(--background);border-radius:8px;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;height:auto;justify-content:center;max-height:100%;overflow:hidden;padding:8px;width:100%}.bigImage{background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:100%;width:100%}.codePenEmbed{flex-grow:1;height:auto;width:100%}.codePenEmbed iframe{height:100%!important}.contentDescription{height:10%;min-height:96px;overflow-y:auto;width:100%}.contentDescription p{font-size:1rem;height:-webkit-max-content;height:max-content;width:100%}@media only screen and (max-height:800px){.contentDescription p{font-size:.8rem}}.aboutMain{background:var(--backgroundAlt);position:relative;width:100%}.aboutMain,.scrollContainer{height:calc(100vh - 72px);top:72px}.scrollContainer{opacity:0;overflow-x:hidden;overflow-y:scroll;position:fixed;width:110vw;z-index:99}.scrollHeight{height:600vh;width:64px}.cardContainer{height:calc(100vh - 72px);overflow:hidden;position:fixed;width:100%;z-index:1}.aboutCard{align-items:center;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;transition:background-image .5s ease-out;width:100%}.cardOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb,var(--background) 80%,#0000);height:100vh;left:0;position:fixed;top:0;width:100vw}.cardContent{align-items:flex-start;display:flex;flex-direction:column;gap:8vh;height:100%;justify-content:center;left:0;min-width:280px;opacity:0;padding:16px 16px 16px 10vw;position:absolute;top:0;transition:opacity .5s ease-out;width:calc(100% - 350px);z-index:-1}.cardContent h2{color:var(--primary);font-size:2rem;height:-webkit-max-content;height:max-content;text-align:left;text-shadow:1px 1px 8px #000;width:100%}.cardContent p strong{color:var(--primary);text-shadow:0 0 8px #00000080}.cardContent p{font-size:1.5rem;max-width:768px;text-align:left;width:50vw}.activeContent{opacity:1;z-index:2}.aboutNav{align-items:flex-start;flex-direction:column;gap:8vh;height:100%;justify-content:center;padding-right:5vw;pointer-events:none;position:absolute;right:0;top:0;z-index:100}.aboutNav,.navEntry{display:flex;width:-webkit-max-content;width:max-content}.navEntry{align-items:center;cursor:pointer;flex-direction:row;gap:16px;height:-webkit-max-content;height:max-content;justify-content:flex-end;min-width:100%;pointer-events:all;transition:color .2s ease-out}.navEntry h1{color:inherit;font-size:2rem;min-width:100%;text-align:right;transition:font-size .2s ease-out;width:-webkit-max-content;width:max-content}.activeEntry h1{font-size:2.5rem}.dot{aspect-ratio:1;border-radius:50%;height:24px;transition:background-color .2s ease-out,height .2s ease-out;width:auto}.activeEntry .dot{height:30px}@media only screen and (max-height:800px),only screen and (max-width:720px){.scrollContainer{display:none}.aboutCard,.cardContainer{height:-webkit-max-content;height:max-content;min-height:calc(100vh - 72px)}.aboutCard{overflow-y:scroll}.cardContent{gap:4vh;height:-webkit-max-content;height:max-content;min-height:100%;padding:16px 5vw;width:90vw}.cardContent h2{font-size:1.5rem}.cardContent p{font-size:1rem;width:100%}.aboutNav{padding-right:16px}.navEntry h1{display:none}}.certMain{background:radial-gradient(circle at 70%,#0c3250,#03162500);height:-webkit-max-content;height:max-content;min-height:calc(100vh - 72px);padding:32px 8vw;position:relative;top:72px;width:100%}.certList{flex-direction:column;gap:32px;min-height:100%}.certList,.certificate{align-items:flex-start;display:flex;height:-webkit-max-content;height:max-content;justify-content:flex-start;width:100%}.certificate{background:#0000;border-radius:0 16px 16px 0;cursor:pointer;flex-direction:row;flex-grow:0;flex-wrap:nowrap;gap:5vw;overflow:hidden;transition:background .2s}.certificate:hover{background:color-mix(in srgb,var(--primary) 50%,#0000)}.certImage{aspect-ratio:3/2;background-position:50%;background-size:cover;border-radius:4px;height:auto;min-width:120px;width:20%}.certContent{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;gap:8px;height:-webkit-max-content;height:max-content;justify-content:flex-start;padding:16px 16px 16px 0;width:calc(80% - 5vw)}.certContent h2{color:var(--primary);font-size:2rem;text-shadow:0 0 4px #000}.certDate{color:#ffffffaa}.certDate,.certDescription{font-size:1rem}@media only screen and (max-width:800px){.certMain{padding:16px 8px}.certificate{border:2px solid var(--background);border-radius:16px;padding:8px}.certImage{display:none}.certContent{padding:0}.certContent h2{font-size:1.5rem}}
/*# sourceMappingURL=main.8b0e2c6b.css.map*/