@import"https://fonts.googleapis.com/css2?family=Stick+No+Bills:wght@500";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--vh: 1vh}html{font-size:16px;scroll-behavior:smooth}body{overflow-x:hidden;background-color:#f9f9f9}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;outline:none}a{text-decoration:none;color:inherit}ul,ol{list-style:none}@media (max-width: 768px){html{font-size:14px}}.pin-spacer{pointer-events:none}.position-absolute{position:absolute;height:100vh;height:calc(var(--vh, 1vh) * 100);width:100%;top:0;left:0}.loading-screen-body{height:100%;width:100%;position:relative;display:flex;justify-content:center;align-items:center;background-color:#f9f9f9;overflow:hidden}.corner-text{font-family:Stick No Bills,sans-serif;font-size:16px;font-weight:500;cursor:pointer}.topLeft,.topRight,.bottomLeft,.bottomRight{position:absolute}.topLeft{top:20px;left:20px}.topRight{top:20px;right:20px}.bottomLeft{bottom:20px;left:20px}.bottomRight{bottom:20px;right:20px}.radial-one{height:90vmin;width:90vmin;background-color:#fcfcfc;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:0 0 10px #00000006}.circular-text{font-family:Poppins,sans-serif;position:absolute;font-size:14px;font-weight:300;-webkit-user-select:none;user-select:none;pointer-events:none}.circular-text span{position:absolute;transform-origin:0 45vmin;display:inline-block;top:-45vmin}.radial-two{height:90%;width:90%;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px #00000006}.name-container svg path{fill:transparent;stroke:#ffbf44;stroke-width:2;stroke-dasharray:675;stroke-dashoffset:675;animation:textAnimation 1.6s ease-in-out forwards}@keyframes textAnimation{0%{stroke-dashoffset:675}50%{fill:transparent}95%{fill:#ffbf44}to{stroke-dashoffset:0;fill:#ffbf44}}.name-container svg:nth-child(2){margin-top:10px;margin-left:120px}.mask-border{background-color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:0vw;width:0vw;border-radius:50%}.Ethan,.Snyder{z-index:10;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4))}@media (max-width: 600px){.Ethan,.Snyder{width:40vw;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.radial-two{height:85%;width:85%}}@media (min-width: 2000px){.Ethan,.Snyder{width:600px}.corner-text{font-size:22px}}:root{--gradient1: #FFBF44;--gradient2: #f8aa1b;--fontcolor: #1A1A1A}.landing-page{mask:radial-gradient(circle,black 0vmax,transparent 0vmax);-webkit-mask:radial-gradient(circle,black 0vmax,transparent 0vmax);mask-size:100%;-webkit-mask-size:100%;-webkit-mask-border:1px solid black;mask-border:1px solid black;height:100vh;height:calc(var(--vh, 1vh) * 100);width:100%;position:relative;pointer-events:none;background-color:#f9f9f9}.top-half{height:60vh;display:flex;justify-content:center;align-items:end}.text-container{width:95%}.text-container2{width:70%}.top-half h1{line-height:1.3;text-align:center;color:var(--fontcolor);font-family:Poppins,sans-serif;font-size:80px;font-weight:500;position:relative;-webkit-user-select:none;user-select:none}.border{overflow:hidden}.bottom-half{height:40vh;display:flex;justify-content:center}.bottom-half h2{text-align:center;font-family:Poppins,sans-serif;color:#1a1a1a;font-weight:300;font-size:24px;margin-top:2vh;position:relative;-webkit-user-select:none;user-select:none}.left{background:linear-gradient(to right,var(--gradient2),var(--gradient1));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;background-size:200% 100%;animation:shiftBackground2 2.5s linear infinite}.right{background:linear-gradient(to right,var(--gradient1),var(--gradient2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;background-size:200% 100%;animation:shiftBackground 2.5s linear infinite}.scroll-notice,.scroll-hidden{cursor:pointer;color:var(--fontcolor);color:#000;font-family:Poppins,sans-serif;font-size:16px;font-weight:300}.scroll-text-mask{overflow:hidden;position:relative}.scroll-hidden{position:absolute}.scroll-hidden span,.scroll-notice span{display:inline-block}.scroll-notice-absolutely-positioned{position:absolute;width:100%;bottom:3vh;display:flex;justify-content:center;align-items:center}@keyframes shiftBackground{0%{background-position:100% 0%}50%{background-position:0% 0%}to{background-position:100% 0%}}@keyframes shiftBackground2{0%{background-position:0% 0%}50%{background-position:100% 0%}to{background-position:0% 0%}}@media screen and (max-width: 1430px){.top-half h1{font-size:calc(112.5% + 5vw)}.bottom-half h2{font-size:calc(112.5% + .8vw)}}@media screen and (max-width: 512px){.top-half h1{font-weight:400}.bottom-half h2{font-size:18px;font-weight:300}}@media screen and (max-width: 400px){.text-container,.bottom-half{transform:translateY(-1px)}.top-half h1{font-size:38px}.bottom-half h2{font-size:16px}}@media (min-width: 2000px){.top-half h1{font-size:120px}.bottom-half h2{font-size:32px}.scroll-notice{font-size:22px}}.header{height:12vh;width:100%;position:absolute;top:0}.header-wrapper{width:92.5%;height:100%;margin:auto;position:relative;display:flex;justify-content:space-between;align-items:center;z-index:1;background-color:#030303;background-color:#f9f9f9}.link-container{height:100%;display:flex;align-items:center;justify-content:space-between}.nav-item-margin{margin-right:30px}.navitem h2{color:var(--fontcolor);font-family:Poppins,sans-serif;font-size:18px;font-weight:400;cursor:pointer}a{color:inherit}.contact-button{background-color:var(--gradient1);padding:8px 20px;border-radius:4px;position:relative;color:#000;cursor:pointer}.logo{cursor:pointer;color:var(--fontcolor);font-size:40px;font-family:Bebas Neue,sans-serif;font-weight:400;-webkit-user-select:none;user-select:none;z-index:100}.hamburger{height:22px;width:40px;cursor:pointer;transform:translate(20px);opacity:0;z-index:100;display:none}.hamburger-bar{width:100%;height:3px;background-color:#fff;border-radius:5px}@media (min-width: 2000px){.header{height:100px}.logo{font-size:50px}.link-container span{font-size:24px}.contact-button{padding:10px 24px}}@media (max-width: 600px){.logo{font-size:30px}.resume{display:none}}.pinned-text-body{height:200vh;height:calc(var(--vh, 1vh) * 200);width:100%;position:relative;background-color:#f9f9f9}.pinned-text-container{position:absolute;top:-50vh;height:100vh;height:calc(var(--vh, 1vh) * 100);display:flex;justify-content:center;align-items:center;pointer-events:none;width:90%;margin-left:5%}.pinned-text-body h1{font-family:Poppins,sans-serif;font-size:60px;font-weight:300;color:#000}.gold-highlights{color:#ffbf44}.pinned-text-body h1 span{display:inline-block}.letter:nth-child(1){transform-origin:bottom center}.letter{transform-origin:bottom center}@media (max-width: 1300px){.letter{font-size:50px}}@media (max-width: 1250px){.letter{font-size:45px}}@media (max-width: 1050px){.letter{font-size:40px}}@media (max-width: 950px){.letter{font-size:35px;line-height:1}.pinned-text{line-height:1.2}}@media (max-width: 850px){.letter{font-size:30px}}@media (max-width: 750px){.letter{font-size:25px}.pinned-text{line-height:1}}@media (max-width: 550px){.letter{font-size:18px}}@media (min-width: 2000px){.letter{font-size:100px}}.canvas-container{height:150vh;height:calc(var(--vh, 1vh) * 150);width:100%}.pinned-canvas{position:absolute;top:-50vh;height:100vh;height:calc(var(--vh, 1vh) * 100);width:100%;position:relative}.three-background-text{height:100%;width:100%;position:absolute;z-index:-1;display:flex;justify-content:center;align-items:center}.three-background-text h1{font-family:Poppins,sans-serif;font-size:calc(106.5% + 3.5vw);font-weight:400;text-align:center}.gold-text{color:#ffbf44}.three-background-text-mask{overflow:hidden}@media (min-width: 2000px){.three-background-text h1{font-size:85px}}.gallary-container{height:200vh;height:calc(var(--vh, 1vh) * 200);width:100%;position:relative}.project-container{height:100vh;height:calc(var(--vh, 1vh) * 100);width:100%;position:absolute;top:-50vh;overflow:hidden;display:flex}.project-description{border:1px solid #FFBF44;height:120px;width:120px;border-radius:20px;display:flex;justify-content:center;align-items:center;position:absolute;bottom:40px;left:50%;transform:translate(-50%) rotate(45deg);z-index:20;background-color:#fff;cursor:pointer;z-index:100;overflow:hidden}.cover{height:95%;width:95%;position:absolute;top:2.5%;left:2.5%;background-color:#fff;z-index:10;border-radius:18px}.project-description h1{color:#fff;color:#000;transform:rotate(-45deg);text-align:center;z-index:11;font-family:Poppins,sans-serif;font-size:20px;font-weight:400}.project-description span{position:absolute;background-color:#fff;background-color:gold;height:10px;width:0;border-radius:20px}.project-description .top{top:0;left:0;transform-origin:left center;margin:0 5%}.project-description .right-progress{top:0;right:0;height:0;width:10px;transform-origin:center top;margin:5% 0}.project-description .bottom{margin:0 5%;bottom:0;right:0;transform-origin:right center}.project-description .left-progress{bottom:0;left:0;height:0px;margin:5% 0;width:10px;transform-origin:center bottom}.project-name-spinner{z-index:20;position:absolute;bottom:80px;left:calc(50% + 150px);overflow:hidden}.project-name-spinner h1{color:#000;font-size:17px;font-family:Poppins;font-weight:400}.spinner-animation-container{position:absolute}.invisible{opacity:0}.project-left,.project-right{z-index:1;width:50%;height:100%;position:relative;pointer-events:none}.project-item{height:108px;width:192px;top:0;position:absolute;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;pointer-events:all;background-color:#000;background-color:#fff}.project-item-one{z-index:10;right:0%;background-image:url(/project-images/pingbay-hero.png)}.project-item-two{z-index:9;left:0%;background-image:url(/project-images/b40e58ae-ceb7-4af6-aec3-c974603c5f3b.webp)}.project-item-three{right:0%;z-index:8;background-image:url(/project-images/algorithm-visualizer-losf.onrender.com_quick-sort.webp)}.project-item-four{left:0%;z-index:7;background-image:url(/project-images/portfolio-site-4tfl.onrender.com_.webp)}@media (min-width: 2000px){.project-item{height:216px;width:384px}}@media (max-width: 600px){.project-item{height:64.8px;width:calc(384px * .5 * .6)}.project-description{height:100px;width:100px}.project-description h1{font-size:18px}.project-name-spinner{display:none}.project-left,.project-right{width:100%;position:absolute}}.footer-body{height:50vh;height:calc(var(--vh, 1vh) * 50);width:100%;position:relative}.footer-displaced-top{position:absolute;top:-50vh;width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);overflow:hidden}.final-cta-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.relative-wrapper{position:relative;height:100%;width:100%}.final-cta-container h1{font-family:Poppins,sans-serif;font-weight:300;font-size:80px;font-size:calc(112.5% + 5vw);line-height:1.3;text-align:center}.final-cta-text{font-family:Poppins,sans-serif;font-size:90px;font-weight:200;text-align:center;line-height:1.2}.centered{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff}footer{width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}footer h2{font-family:Poppins,sans-serif}.footer-left{font-weight:500;font-size:16px}.footer-middle{font-weight:400;font-size:16px;color:#434242}.footer-right{font-weight:500;font-size:16px}.footer-left-container{color:#000;display:flex;cursor:pointer}.footer-left-container svg{margin-right:10px}.footer-right{margin-left:70px}.footer-container{position:absolute;bottom:0;left:0;width:100%}.header-absolute{position:absolute;height:12vh;width:100%;top:0}.header-relative{position:relative;height:12vh;width:100%}.linkedin{cursor:pointer}.mobile-footer{flex-direction:column;justify-content:center}.mobile-footer-top{display:flex;width:100%;justify-content:space-between}.mobile-linkedin h2{margin-left:0}.mobile-footer-middle{font-size:14px}.mobile-svg{margin-right:0!important}.gsap-spacer{height:.5vh;width:100%}