@font-face{font-family:HeadingFont;src:url(/assets/BOONE-DfyI6aY_.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BodyFont;src:url(/assets/Bonsad-Regular-BRaO8lrh.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}html,body{cursor:url(/assets/handflick-C9TRo-hT.svg) 4 4,auto;width:100vw;height:100%;min-height:100vh;margin:0;padding:0;position:fixed;overflow:hidden}a,button,img{cursor:url(/assets/handgrab-AK1-95np.svg) 4 4,auto}#root{text-align:center;box-sizing:border-box;overscroll-behavior-y:none;flex-direction:column;width:100svw;max-width:100%;min-height:100svh;margin:0 auto;display:flex;overflow:hidden}.IntroPage{z-index:1000;background:#00090b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100dvh;margin:0;font-family:bodyFont,sans-serif;transition:opacity .9s,visibility .9s;display:flex;position:fixed;inset:0}.intro{text-transform:uppercase;color:#fff;letter-spacing:.2rem;opacity:0;font-size:24px;animation:.8s 1s forwards fadeUp}.girlImg{opacity:0;animation:1.2s forwards fadeScaleIn}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.Portfolio{z-index:2;background:#f2d24b;flex-direction:column;justify-content:center;align-items:center;height:100dvh;margin:0;font-family:headingFont,sans-serif;display:flex;position:relative}.Main{z-index:3;will-change:opacity, transform;justify-content:center;align-items:center;width:100dvw;height:88dvh;animation:.45s cubic-bezier(.215,.61,.355,1) forwards pageSlideFade;display:flex;position:absolute;bottom:0}@keyframes pageSlideFade{0%{opacity:0}to{opacity:1}}.screen-canvas{z-index:1;pointer-events:none;will-change:transform;width:100vw;height:100dvh;position:fixed;top:0;left:0}.scrollTxt{color:#6f5900;text-transform:uppercase;border:1px solid #3b7d8c;border-radius:50%;align-items:center;padding:1rem;font-size:20px;animation:.6s ease-in-out infinite alternate bounce;position:absolute;bottom:5px}.scrollTxt img{height:30px;transform:rotate(90deg)}#scrollIt{border:none}.dot{background:#3b7d8c;border-radius:50%;width:10px;height:10px;animation:.6s ease-in-out .3s infinite alternate bounce}@media (width<=786px){.scrollTxt{display:none}}.Header{box-sizing:border-box;z-index:2;border-bottom:1px solid #6b6666;flex-direction:row;justify-content:space-between;align-items:self-end;width:100%;height:12dvh;padding:0 10px;display:flex;position:absolute;top:0;left:0}.Logo{flex-flow:row;justify-content:flex-start;align-items:baseline;width:50%;display:inline-flex}.logo-container{justify-content:flex-start;align-items:baseline;width:18em;font-size:64px;line-height:1;display:inline-flex;position:relative}.logo-text{color:#f39a1e;opacity:0;white-space:nowrap;animation:9s ease-in-out infinite rotateWords;position:absolute}.common-text{color:#1e7f98;align-self:self-start;font-size:64px;line-height:1}.text-1{animation-delay:0s}.text-2{animation-delay:3s}.text-3{animation-delay:6s}@keyframes rotateWords{0%{opacity:0;transform:translateY(10px)}5%,33%{opacity:1;transform:translateY(0)}38%,to{opacity:0;transform:translateY(-10px)}}.MenuBar{background:#f2d24b;flex-direction:row;justify-content:flex-start;align-items:center;gap:.1rem;width:auto;height:10dvh;display:flex;box-shadow:inset 0 4px 4px #00000040}.menu-item{color:#011c23;padding:1rem 2rem;font-size:32px}.menu-item:hover{transform:scale(1.15)}@media (width<=1024px){.MenuBar{height:auto}.menu-item{padding:.1rem .3rem;font-size:18px}.common-text,.logo-container{font-size:24px}}@media (width<=768px){.menu-item{display:block}#next,#prev{display:inline-flexbox}}.Main-Home{flex-direction:column;justify-content:space-evenly;align-items:flex-end;gap:-5rem;width:100%;height:88dvh;display:flex}.Home{text-align:right;flex-direction:column;justify-content:center;align-items:flex-end;gap:3rem;padding:1em 2em;display:flex}.heading{flex-direction:row;justify-content:center;gap:5rem;font-size:200px;display:flex}.ampersand-img{height:160px}.Artwork{justify-content:center;align-items:self-end;display:flex;position:absolute;top:1rem;left:1rem}.Artwork .circular-text-container{justify-content:center;align-items:center;width:200px;height:200px;animation:8s linear infinite spinCircle;display:flex}@keyframes spinCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.MyDescription{text-align:right;width:200px;padding:1rem 2rem}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-15px)}}@media (width<=1024px) and (height>=500px){.Home{gap:1.5rem;padding:.5em 1em}.heading{flex-direction:row;justify-content:center;gap:1rem;font-size:64px;display:flex}.heading img{height:64px}.ampersand-img{height:80px}.Artwork{bottom:1rem}}@media (width<=786px) and (height>=500px){.Home{gap:1.5rem;padding:.5em 1em}.heading{flex-direction:row;justify-content:center;gap:1rem;font-size:32px;display:flex}.heading img{height:32px}.ampersand-img{height:48px}.Artwork{bottom:1rem}.Artwork .circular-text-container{width:120px;height:120px}}@media (height<=500px){.Home{gap:1.5rem;padding:.5em 1em}.heading{flex-direction:row;justify-content:center;gap:1rem;font-size:32px;display:flex}.heading img{height:32px}.ampersand-img{height:48px}.Artwork{bottom:1rem}.Artwork .circular-text-container{width:120px;height:120px}}.Experience{flex-direction:column;justify-content:space-evenly;align-items:flex-end;width:100%;height:88dvh;display:flex}.experience-header{text-align:left;color:#0f5c6d;padding:1rem;font-size:84px}.experience-main{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex}.experience{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;width:50%;height:auto;padding:1rem 2rem;display:flex}.highlightHeader{flex-direction:column;justify-content:space-evenly;align-items:flex-start;gap:1rem;width:auto;display:flex}.yearsOfExperience{text-align:left;padding:.2rem;font-size:120px}.yrs{font-size:48px}.RoleExp{text-align:left;font-size:64px}.content{text-align:left;flex-direction:column;justify-content:space-evenly;align-items:flex-start;gap:1rem;display:flex}.desc{letter-spacing:2px;font-family:bodyFont,sans-serif}.summary{display:none}.skills{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.skill{text-transform:uppercase;text-align:center;background-color:#f39a1e;padding:.5rem 1rem}@media (height<=500px){.experience-header,.yearsOfExperience{font-size:48px}.yrs{font-size:20px}.RoleExp{font-size:24px}.summary{letter-spacing:2px;font-family:bodyFont,sans-serif;font-size:12px}.desc{display:none}.skill{text-transform:uppercase;text-align:center;background-color:#f39a1e;font-size:8px}}@media (height<=800px){.experience-header,.yearsOfExperience{font-size:48px}.yrs{font-size:20px}.RoleExp{font-size:24px}.summary{letter-spacing:2px;font-family:bodyFont,sans-serif;font-size:18px;display:inline}.desc{display:none}.skill{text-transform:uppercase;text-align:center;background-color:#f39a1e;font-size:12px}}@media (width<=1024px){.experience-header{font-size:48px}.highlightHeader{gap:.2rem}.yearsOfExperience{font-size:48px}.yrs{font-size:20px}.RoleExp{font-size:24px}.experience{width:75%}}.Services{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:88dvh;display:flex}.section-1{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:10px;width:100%;padding:1rem 2rem;display:flex}.section-heading{color:#011c23;text-align:left;font-size:84px}.stacks-section{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:4px;padding-top:.2rem;display:flex}.stack-element{color:#fffced;text-transform:uppercase;letter-spacing:.5px;background-color:#011c23;padding:.5rem;font-size:12px}.section-2{background:#011c23;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;height:calc(88dvh - 100px);display:flex}.Features{background:#fffced;flex-direction:column;justify-content:center;align-items:center;width:360px;height:100%;display:flex}.number-icon{font-size:84px}.Spirograph{transform-origin:50%;animation:12s linear infinite spinSpirograph;transform:scale(.6)}@keyframes spinSpirograph{0%{transform:scale(.6)rotate(0)}to{transform:scale(.6)rotate(360deg)}}.sub-section{text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:0 20px;display:flex}.feature-heading{font-size:24px}.feature-description{letter-spacing:1px;text-align:justify;padding:0 10px;font-family:BodyFont,sans-serif;font-size:18px}@media (height<=500px){.number-icon,.Spirograph{display:none}.section-heading{font-size:24px}}@media (height<=800px){.number-icon{display:none}.section-2{animation:.45s ease-in forwards pageSlideFade;position:relative}.Features{opacity:0;pointer-events:none;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.hidden-card{opacity:0;pointer-events:none}.active-card{opacity:1;pointer-events:auto}.feature-description{font-size:12px}.section-1{flex-direction:column}.stacks-section{grid-template-rows:repeat(2,.7fr);grid-template-columns:repeat(4,.7fr);gap:2px;display:grid}.stack-element{font-size:8px}}@media (width<=1024px) and (height>=800px){.section-heading{font-size:48px}.section-2{animation:.45s ease-in forwards pageSlideFade;position:relative}.Features{opacity:0;pointer-events:none;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.hidden-card{opacity:0;pointer-events:none}.active-card{opacity:1;pointer-events:auto}.feature-description{font-size:12px}.section-1{flex-direction:column}.stacks-section{grid-template-rows:repeat(2,.7fr);grid-template-columns:repeat(4,.7fr);gap:2px;display:grid}.stack-element{font-size:8px}}.Connect{flex-direction:row;justify-content:space-evenly;align-items:center;gap:5rem;width:100%;height:88dvh;display:flex}.connect-info{flex-direction:column;justify-content:space-evenly;align-items:self-start;gap:2rem;display:flex}.connect-header,.section-info,.copyright{flex-direction:column;justify-content:flex-start;align-items:self-start;gap:0;display:flex}.connect-heading{color:#0f5c6d;font-size:84px}.connect-message{font-size:24px}.section-info{gap:1rem}.icon-info{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;display:flex}.icon-info img{width:24px}.icon-info a{color:#000;font-size:20px;text-decoration:none}.qrcode{height:200px}.developerInfo img{width:20px}@media (width<=786px){.Connect{flex-direction:column;gap:0}.connect-info{gap:.5rem;padding-left:.5rem}.connect-header,.section-info,.copyright{font-size:8px}.connect-heading{font-size:48px}.connect-message{font-size:18px}.icon-info img{width:18px}.icon-info a{font-size:16px}.qrcode{height:100px}.developerInfo img{width:4px}.caricreature{width:100px}}.Works{flex-direction:column;justify-content:center;align-items:center;gap:.3rem;width:100%;height:88dvh;padding-top:2rem;display:flex}.work-header{flex-direction:column;justify-content:space-evenly;align-items:flex-start;gap:-2rem;width:100%;height:auto;display:flex}.work-heading{color:#011c23;text-align:left;padding:0 1rem;font-size:84px}.work-disclaimer{color:#011c23;text-align:left;padding:0 1rem;font-size:12px}.projects{background-color:#011c23;flex-direction:column;justify-content:space-evenly;width:100%;height:100%;display:flex}.project{flex-direction:column;justify-content:center;gap:.5rem;width:600px;height:100px;padding:2rem 1rem;display:flex}.project:nth-child(2n){align-self:flex-end;align-items:flex-end}.project:nth-child(odd){align-items:flex-start}.project-header{flex-direction:row;gap:20px;display:flex}.project-title{color:#fff6d2;text-transform:uppercase;font-size:36px}.project-subtitle{color:#fff6d2;font-size:20px}.project-status{color:#fff6d2;text-transform:uppercase;letter-spacing:1px;font-family:BodyFont,sans-serif;font-size:12px}.project-description{color:#fff6d2;text-transform:uppercase;text-align:justify;letter-spacing:2px;font-family:BodyFont,sans-serif}.project-summary{display:none}.features{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex}.featuring,.specs{color:#f39a1e;text-transform:uppercase;border:.5px solid #fff6d2;padding:.5rem;font-size:12px}.specs{color:#21b7d8;border:.5px solid #86e995}.liveDemo{color:#011c23;background:#f2d24b;border:none;padding:1rem 2rem;font-family:headingFont,sans-serif;font-size:20px;text-decoration:none}.liveDemo:active{background:#f39a1e;transform:scale(.9)}.liveDemo:hover{background-color:#fff6d2;transform:scale(.9)}.mini-preview-window{z-index:9999;pointer-events:none;background:#000;width:320px;height:200px;transition:transform .1s ease-out;position:fixed;overflow:hidden}.mini-preview-window iframe{transform-origin:0 0;width:100%;height:100%;transform:scale(1)}.preview-image{z-index:9997;pointer-events:none;transition:transform .1s ease-out;position:absolute;transform:scale(.5)}.blur-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9998;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:-100px;left:0}.liveImg{z-index:9999;pointer-events:none;transition:transform .1s ease-out;position:relative;transform:scale(.5)}@media (width<=1024px){.work-heading{font-size:48px}.project-description{display:none}.project-summary{color:#fff6d2;text-transform:uppercase;text-align:justify;letter-spacing:2px;font-family:BodyFont,sans-serif;display:contents}}@media (width<=786px){.work-heading{font-size:48px}.work-disclaimer{font-size:8px}.project{width:400px}.project-title{font-size:24px}.project-subtitle{font-size:16px}.project-status{font-size:8px}.project-description{display:none}.project-summary{color:#fff6d2;text-transform:uppercase;text-align:justify;letter-spacing:1px;font-family:BodyFont,sans-serif;font-size:12px;display:contents}.liveImg{transform:scale(.3)}.features{grid-template-rows:repeat(3,.2fr);grid-template-columns:repeat(5,.2fr);display:grid}.featuring,.specs{border-width:.2px;padding:.1rem;font-size:10px}.liveDemo{padding:.5rem;font-size:14px}}@media (height<=600px){.work-heading{font-size:48px}.project-description,.project-summary{display:none}.liveDemo{padding:.5rem;font-size:14px}}