.rc-tooltip.rc-tooltip-zoom-appear,.rc-tooltip.rc-tooltip-zoom-enter{opacity:0}.rc-tooltip.rc-tooltip-zoom-enter,.rc-tooltip.rc-tooltip-zoom-leave{display:block}.rc-tooltip-zoom-appear,.rc-tooltip-zoom-enter{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(.18,.89,.32,1.28);animation-timing-function:cubic-bezier(.18,.89,.32,1.28);opacity:0}.rc-tooltip-zoom-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(.6,-.3,.74,.05);animation-timing-function:cubic-bezier(.6,-.3,.74,.05)}.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active,.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active{-webkit-animation-name:rcToolTipZoomIn;animation-name:rcToolTipZoomIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active{-webkit-animation-name:rcToolTipZoomOut;animation-name:rcToolTipZoomOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes rcToolTipZoomIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@keyframes rcToolTipZoomIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@-webkit-keyframes rcToolTipZoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@keyframes rcToolTipZoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}.rc-tooltip{display:block;font-size:12px;line-height:1.5;opacity:.9;position:absolute;visibility:visible;z-index:1070}.rc-tooltip-hidden{display:none}.rc-tooltip-placement-top,.rc-tooltip-placement-topLeft,.rc-tooltip-placement-topRight{padding:5px 0 9px}.rc-tooltip-placement-right,.rc-tooltip-placement-rightBottom,.rc-tooltip-placement-rightTop{padding:0 5px 0 9px}.rc-tooltip-placement-bottom,.rc-tooltip-placement-bottomLeft,.rc-tooltip-placement-bottomRight{padding:9px 0 5px}.rc-tooltip-placement-left,.rc-tooltip-placement-leftBottom,.rc-tooltip-placement-leftTop{padding:0 9px 0 5px}.rc-tooltip-inner{background-color:#373737;border-radius:6px;box-shadow:0 0 4px rgba(0,0,0,.17);color:#fff;min-height:34px;padding:8px 10px;text-align:left;text-decoration:none}.rc-tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.rc-tooltip-placement-top .rc-tooltip-arrow,.rc-tooltip-placement-topLeft .rc-tooltip-arrow,.rc-tooltip-placement-topRight .rc-tooltip-arrow{border-top-color:#373737;border-width:5px 5px 0;bottom:4px;margin-left:-5px}.rc-tooltip-placement-top .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-topLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-topRight .rc-tooltip-arrow{right:15%}.rc-tooltip-placement-right .rc-tooltip-arrow,.rc-tooltip-placement-rightBottom .rc-tooltip-arrow,.rc-tooltip-placement-rightTop .rc-tooltip-arrow{border-right-color:#373737;border-width:5px 5px 5px 0;left:4px;margin-top:-5px}.rc-tooltip-placement-right .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-rightTop .rc-tooltip-arrow{margin-top:0;top:15%}.rc-tooltip-placement-rightBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-left .rc-tooltip-arrow,.rc-tooltip-placement-leftBottom .rc-tooltip-arrow,.rc-tooltip-placement-leftTop .rc-tooltip-arrow{border-left-color:#373737;border-width:5px 0 5px 5px;margin-top:-5px;right:4px}.rc-tooltip-placement-left .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-leftTop .rc-tooltip-arrow{margin-top:0;top:15%}.rc-tooltip-placement-leftBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-bottom .rc-tooltip-arrow,.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{border-bottom-color:#373737;border-width:0 5px 5px;margin-left:-5px;top:4px}.rc-tooltip-placement-bottom .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{right:15%}body,html{margin:0;padding:0;scroll-behavior:smooth;width:100%}:root{--tanBlack:#111112;--tan:#353536;--side-padding:12vw;--design-grid-size:28vw}a{text-decoration:none}*{box-sizing:border-box;font-family:PJSMedium,sans-serif;scroll-behavior:smooth}@font-face{font-family:PJSLight;src:url(/static/media/PlusJakartaSans-Light.e51f0e06e3ddd94adf6e.ttf)}@font-face{font-family:PJSRegular;src:url(/static/media/PlusJakartaSans-Regular.0df2b02518bad85340df.ttf)}@font-face{font-family:PJSMedium;src:url(/static/media/PlusJakartaSans-Medium.7bd682442ec953bc5091.ttf)}@font-face{font-family:PJSBold;src:url(/static/media/PlusJakartaSans-Bold.6a243e52373a19f2dd68.ttf)}@font-face{font-family:PJSExtrabold;src:url(/static/media/PlusJakartaSans-ExtraBold.00c8ba643ad875c5e804.ttf)}h1,h2,h3,h4,h5,h6,p,small{-webkit-user-select:none;-ms-user-select:none;user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s cubic-bezier(.55,.085,.68,.53)}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .2s cubic-bezier(.25,.46,.45,.94)}@-webkit-keyframes wheel{to{opacity:0;top:30px}}@keyframes wheel{to{opacity:0;top:30px}}html.has-scroll-smooth{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}[data-load-container]{bottom:0;left:0;position:fixed;right:0;top:0;width:100vw}.custom-cursor{mix-blend-mode:difference;pointer-events:none}.side-padding{padding:0 12vw;padding:0 var(--side-padding)}.pink{color:#fff;opacity:1!important}::-webkit-scrollbar{background-color:#111112;background-color:var(--tanBlack);width:10px}::-webkit-scrollbar-thumb{background-color:#353536;background-color:var(--tan);width:10px}@media only screen and (max-width:600px){:root{--tanBlack:#111112;--tan:#353536;--side-padding:30px;--design-grid-size:28vw}}.app-main-container{background-color:var(--tanBlack);min-height:100vh;position:relative;width:100%}.gradient-bar{background:linear-gradient(90deg,rgba(6,155,175,.792) 45%,rgba(2,85,211,.792));height:12px;width:100%}.hero-section{background-color:transparent;padding:10vh var(--side-padding);width:100%}.hero-section .hero-title{color:#fff;font-family:PJSExtraBold;font-size:4rem;font-weight:800;letter-spacing:-.07rem}.subtitle{color:#c2c2c2;font-family:PJSLight,sans-serif;font-size:1rem;font-weight:300;letter-spacing:0;letter-spacing:.4px;line-height:250%;opacity:1}.subtitle a.entweak{color:#1c93e2;cursor:pointer}.hero-socials{align-items:center;display:flex;flex-direction:row;margin-top:2rem}.hero-socials a{margin-right:4rem;outline:none;text-decoration:none}.hero-socials a svg{size:40px;color:hsla(0,0%,100%,.55);transition:.25s ease-out}.hero-socials a:hover svg{color:hsla(0,0%,100%,.9);-webkit-transform:scale(.9);transform:scale(.9);transition:.25s ease-out}.gallery-section{-webkit-column-gap:1rem;column-gap:1rem;display:flex;justify-content:space-between;margin-top:10vh;min-height:100vh;padding:0 var(--side-padding);width:100%}.gallery-section .gallery-column{grid-row-gap:1rem;display:grid;grid-template-columns:repeat(1,1fr);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;row-gap:1rem;transition:-webkit-transform .9s ease-out;transition:transform .9s ease-out;transition:transform .9s ease-out,-webkit-transform .9s ease-out;will-change:transform}.gallery-column:first-child,.gallery-column:nth-child(3),.gallery-column:nth-child(4),.gallery-column:nth-child(6){flex:2 1}.gallery-column:nth-child(2),.gallery-column:nth-child(5){flex:3 1}.gallery-column .gallery-column-item{-webkit-backdrop-filter:grayscale(.5);backdrop-filter:grayscale(.5);overflow:hidden;padding:0}.gallery-column .gallery-column-item img{height:100%;transition:1s ease-out;width:100%}.gallery-column .gallery-column-item img:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:1s ease-out}.info-section{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:25vh 0 10vh;width:100%}.info-section .info-section-text{color:#fff;font-family:PJSMedium,sans-serif;font-size:1.5rem;line-height:1.8;max-width:50vw;opacity:.8;text-align:center}.featured-grid-container{position:relative;width:100%}.featured-grid{grid-gap:.5rem;display:grid;grid-template-columns:repeat(3,1fr);left:0;margin:2rem 0;top:0}.featured-grid-item,.featured-grid-item-container{height:300px;position:relative}.featured-grid-item{background-color:hsla(0,0%,100%,.1);overflow:hidden;transition:.25s ease-out;z-index:9}.featured-grid-item-container:first-child .featured-grid-item{background:linear-gradient(90deg,#228b22,#108b77)}.featured-grid-item-container:nth-child(2) .featured-grid-item{background:linear-gradient(90deg,#108b77,#1c93e2)}.featured-grid-item-container:nth-child(3) .featured-grid-item{background:linear-gradient(90deg,#1c93e2,#311596)}.featured-grid-item-container:nth-child(4) .featured-grid-item{background:linear-gradient(30deg,#6fbb0b,#108b77)}.featured-grid-item-container:nth-child(5) .featured-grid-item{background:linear-gradient(100deg,#108b77,#1c93e2)}.featured-grid-item-container:nth-child(6) .featured-grid-item{background:linear-gradient(100deg,#1c93e2,#311596)}.featured-grid-item img{border-radius:5px;-webkit-filter:contrast(1.05);filter:contrast(1.05);margin:3rem 3rem 0;transition:.25s ease-out;width:calc(100% - 6rem)}.featured-grid-item-container:nth-child(3) .featured-grid-item img{margin:3rem 0 0 50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30%}.featured-grid-item-container:hover .featured-grid-item{background-color:hsla(0,0%,100%,.1);cursor:pointer;-webkit-filter:brightness(.35);filter:brightness(.35);transition:.25s ease-out}.featured-grid-item-container:hover img{-webkit-filter:grayscale(80%);filter:grayscale(80%);-webkit-transform:scale(.9);transform:scale(.9);transition:.25s ease-out}.featured-grid-item-container:nth-child(3):hover img{-webkit-transform:translateX(-50%) scale(.9);transform:translateX(-50%) scale(.9)}.featured-grid-item-title{color:#fff;cursor:pointer;font-family:PJSBold,sans-serif;font-size:1.3rem;letter-spacing:.3px;line-height:1.7;margin-left:50%;margin-top:150px;position:absolute;text-align:center;top:0;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);visibility:hidden;z-index:10}.featured-grid-item-container:hover .featured-grid-item-title{visibility:visible}.projects-overlay{background:linear-gradient(180deg,#11111200 30%,#111112 90%);height:calc(100% + 1rem);left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:11}.see-all-button{align-items:center;background-color:var(--tan);border:2px solid var(--tan);border-radius:5px;bottom:2rem;color:#fff;cursor:pointer;display:flex;font-family:PJSMedium,sans-serif;font-size:.9rem;height:40px;justify-content:center;left:50%;padding:3px 16px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.2s ease-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:12}.see-all-button:hover{background-color:unset}.rel-container{display:flex;flex-direction:column;padding:2rem 0;width:100%}.device-container-subheading{color:#fff;font-family:PJSMedium,sans-serif;font-size:.8rem;letter-spacing:.15rem;margin-top:3rem;opacity:.6;text-transform:uppercase}.device-container-heading{text-fill-color:transparent;-webkit-text-fill-color:transparent;-webkit-animation:shine 20s linear infinite;animation:shine 20s linear infinite;background:linear-gradient(270deg,rgba(7,217,224,.7) 5%,#069baf 15%,#027fd3 35%,#1e6ee6 50%,#4a5cff 70%,#027fd3 75%,#069baf 85%,rgba(7,217,224,.7) 95%);-webkit-background-clip:text;background-clip:text;background-size:300% 400%;font-family:PJSMedium;font-size:2.4rem;letter-spacing:0;margin:1rem 0 1rem 50%;opacity:1;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.5s ease}@-webkit-keyframes shine{to{background-position:300%}}@keyframes shine{to{background-position:300%}}.device-1{aspect-ratio:2.8;width:calc(100% - var(--side-padding)*2)}.device-2{height:250px;width:400px}.device-1-inner{align-items:center;display:flex;position:relative;width:100%}.device-1-inner .device-1-left{align-items:flex-start;display:flex;height:100%;justify-content:flex-start;width:100%}.device-1-left img{border:2px solid #232425;border-radius:5px;margin:0 var(--side-padding);object-fit:fill;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:calc(100% - var(--side-padding)*2)}.device-1-right{align-items:center;aspect-ratio:1;display:flex;height:100%;justify-content:center;position:absolute;right:var(--side-padding);width:22%}.mouse{background-color:hsla(0,0%,100%,.4);border-radius:60px;bottom:20px;height:40px;margin:0 auto;margin-left:calc(50% - var(--side-padding));width:25px}.mouse,.mouse:before{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mouse:before{animation:wheel 2s infinite;-webkit-animation:wheel 2s infinite;background-color:var(--tan);border-radius:6px;content:"";height:10px;left:50%;opacity:1;top:5px;width:6px}.design-scroll-overflow-container{display:flex;flex:1 1;height:100%;margin-left:5rem;overflow:hidden;padding-right:0;position:relative}.design-scroll-overflow-container-overlay{background:linear-gradient(to bottom,var(--tanBlack) 2%,#00000000,var(--tanBlack) 98%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:30}.design-scroll-container{display:flex;height:200vh;position:relative;width:100%}.design-scroll-container .design-scroll-container-sticky{bottom:100vh;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem 2rem 1rem var(--side-padding);position:-webkit-sticky;position:sticky;top:0;width:35vw;z-index:10}.design-scroll-container .design-scroll-container-1,.design-scroll-container .design-scroll-container-2{grid-row-gap:1rem;display:grid;grid-template-columns:repeat(1,1fr);row-gap:1rem}.design-scroll-container .design-scroll-container-1 .design-dummy-img,.design-scroll-container .design-scroll-container-2 .design-dummy-img{background-color:var(--tan);height:var(--design-grid-size);width:var(--design-grid-size)}.design-scroll-container .design-scroll-container-2{bottom:100vh;left:calc(var(--design-grid-size) + 1rem);position:absolute;transition:-webkit-transform 0s ease-out;transition:transform 0s ease-out;transition:transform 0s ease-out,-webkit-transform 0s ease-out;width:100%;will-change:transform}.design-dummy-img img{height:100%;object-fit:cover;width:100%}.check-out{color:#fff;font-family:PJSRegular,sans-serif;font-size:15px;letter-spacing:.5px;line-height:1.9;opacity:.4}.check-out a{color:plum;opacity:1;text-decoration:none}.work-experience-section{align-items:center;display:flex;flex-direction:column;padding:2rem 0 0;position:relative;width:100%}.work-experience-section .floating-mobile{background-color:azure;border-radius:10px;display:flex;height:500px;left:50%;margin:250px auto 0;position:-webkit-sticky;position:sticky;top:50vh;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:250px;z-index:21}.work-experience-section .work-exp-inner{align-items:center;background:none;display:flex;flex-direction:column;margin-top:100px;width:100%;z-index:10}.work-experience-section video{border-radius:10px;object-fit:cover;object-position:center;width:100%}.work-exp-inner .work-exp-text{color:#fff;font-family:PJSRegular,sans-serif;font-size:1rem;letter-spacing:.8px;line-height:2;margin:1rem auto;max-width:50vw;opacity:.5;text-align:center;z-index:10}.work-exp-inner-sides{display:flex;flex-direction:column;justify-content:center;margin:0 var(--side-padding);width:calc(100% - var(--side-padding)*2)}.work-exp-item{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:3rem 0;scroll-snap-align:center;width:100%}.work-exp-item:first-child{padding-top:0}.work-exp-item .line{background-color:var(--tan);flex:1 1;height:2px;margin:0 2rem}.work-exp-cont-section{display:flex;margin-top:-100px;min-height:20vh;position:relative;width:100%}.work-exp-cont-section h1{color:#fff;font-family:PJSBold,sans-serif;font-size:3rem;left:50%;position:absolute;text-align:center;top:-50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:30}.work-exp-left{width:30%}.work-exp-right{width:50%}.work-exp-item .date{color:#fff;font-family:PJSRegular,sans-serif;font-size:.7rem;letter-spacing:4px;margin:0;opacity:.5;text-transform:uppercase}.work-exp-item .post{color:#fff;font-family:PJSBold,sans-serif;font-size:1.6rem;letter-spacing:.2px;margin:1rem 0;opacity:1;text-transform:capitalize}.work-exp-item .company{color:#4e8deb;font-family:PJSRegular,sans-serif;font-size:1rem;letter-spacing:.4px;margin:0;opacity:1;text-transform:capitalize}.work-exp-item .desc{color:#fff;font-family:PJSLight,sans-serif;font-size:.95rem;letter-spacing:.4px;line-height:2;margin:0;opacity:.5}.projects-section{display:flex;flex-direction:column;padding:0 var(--side-padding);width:100%}.projects-section h1:not(.project-title),.skills-and-comps-container h1,.work-exp-inner-sides h1{color:#fff;font-family:PJSMedium,sans-serif;font-size:2.2rem;letter-spacing:5px;margin:4rem 0;opacity:.8;text-align:left;text-align:center;text-decoration:underline;-webkit-text-decoration-color:#1c93e2;text-decoration-color:#1c93e2;-webkit-text-decoration-style:dashed;text-decoration-style:dashed;text-transform:uppercase;text-underline-offset:20px;width:100%;z-index:30}.projects-section .projects-list{display:flex;flex-direction:column;width:100%}.project-item{align-items:center;display:flex;flex-direction:row;height:400px;justify-content:space-between;margin-bottom:4rem;scroll-snap-align:center;width:100%}.project-item .project-item-image{align-items:center;display:flex;height:26vw;justify-content:center;width:26vw}.project-item .project-item-image img{height:100%;object-fit:cover;transition:all .3s ease-out;width:100%}.project-item .project-item-image img:hover{-webkit-filter:brightness(.95) saturate(1.05);filter:brightness(.95) saturate(1.05);-webkit-transform:scale(1.03);transform:scale(1.03);transition:all .3s ease-out}.project-item .project-item-content{display:flex;flex-direction:column;height:100%;justify-content:center;padding:3rem;width:calc(100% - 26vw)}.project-item-content h1.project-title{color:#fff;font-family:PJSBold,sans-serif;font-size:2rem;letter-spacing:.2px;margin:.5rem 0;opacity:.8;text-align:left;text-transform:capitalize}.project-item-content .project-tags{align-items:center;display:flex;flex-direction:row}.project-tags .tag{background-color:var(--tan);color:#fff;font-size:.8rem;margin-top:.5rem;padding:8px 10px}.project-tags .hashtag,.project-tags .tag{font-family:PJSLight,sans-serif;letter-spacing:.4px;margin-right:1rem;opacity:.6}.project-tags .hashtag{color:#c2eeff;font-size:.85rem}.project-description{color:#fff;font-family:PJSRegular,sans-serif;font-size:.95rem;letter-spacing:.4px;line-height:2;margin-top:1rem;opacity:.5}.project-links{align-items:center;display:flex;flex-direction:row;margin-top:.5rem}.project-links a{align-items:center;border:1px solid #ffffff9a;border-radius:50%;display:flex;height:40px;justify-content:center;margin-right:2rem;opacity:.5;width:40px}.project-links a:hover{opacity:1;transition:.3s ease-out}.project-links a:hover svg{-webkit-transform:scale(.95);transform:scale(.95);transition:.3s ease-out}.projects-section h3{color:#fff;font-family:PJSBold;font-size:1.5rem;opacity:.8}.other-projects-grid{grid-gap:1rem;display:grid;grid-template-columns:repeat(3,1fr)}.other-project-container{height:100%;height:300px;position:relative;width:100%}.other-project-container .overlay{background:linear-gradient(0deg,#111112 10%,#00000000 80%);display:flex;flex-direction:column-reverse;height:100%;left:0;opacity:0;padding:2rem;position:absolute;top:0;transition:all .3s ease-out;visibility:hidden;width:100%}.other-project-container:hover .overlay{opacity:1;transition:all .3s ease-out;visibility:visible}.other-project-container h4{color:#fff;font-family:PJSRegular;font-size:1.2rem;letter-spacing:.9px;margin:0;opacity:.9}.tagcloud{margin:0 auto}.tagcloud--item{color:#ffffff4a;padding:1rem}.tagcloud--item:hover{-webkit-animation:color-change 5s infinite;animation:color-change 5s infinite;-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .3s ease-out}@-webkit-keyframes color-change{0%{color:#108b77}50%{color:#1c93e2}to{color:#7a58f3}}@keyframes color-change{0%{color:#108b77}50%{color:#1c93e2}to{color:#7a58f3}}.tag-cloud{height:100%;position:relative;width:100%}.tag-cloud h1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:PJSBold,sans-serif;font-size:2rem;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.skills-and-comps-container{grid-column-gap:2rem;background-color:var(--tanBlack);-webkit-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;padding:0 var(--side-padding);width:100%;z-index:99}.skills-and-comps-container h5{color:#fff;font-family:PJSRegular;font-size:1rem;font-weight:400;letter-spacing:.5px;line-height:3;margin:2rem 0}.skills-and-comps-container p{color:#fff;font-family:PJSRegular;font-size:.89rem;letter-spacing:.5px;line-height:2.5;opacity:.5}.skills-matter{height:380px;overflow:hidden;position:relative}.skills-matter canvas{border:1px solid gray;height:400px;outline:none;position:absolute;top:0;-webkit-transform:translate(-10px,-5px);transform:translate(-10px,-5px);width:calc(100% + 20px);z-index:8}h1.before-skills-matter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:PJSBold,sans-serif;font-size:2rem;margin-left:50%;text-align:center;-webkit-transform:translate(-50%,100px);transform:translate(-50%,100px);z-index:99}.dribbble-button{background-color:#ea4689;border:none;border-radius:5px;cursor:pointer;height:48px;margin-top:2rem;outline:none;padding:5px 17px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dribbble-button,.dribbble-button a{align-items:center;color:#fff;display:flex;font-size:14px;letter-spacing:.3px;text-decoration:none}.dribbble-button a{height:100%}.footer{align-items:center;display:flex;justify-content:center;padding:4rem var(--side-padding);width:100%}.footer p{color:#fff;font-family:PJSRegular;font-size:13px;letter-spacing:.2px;opacity:.6;text-align:center}.design-gallery-section,.design-gallery-section .design-gallery-top{align-items:center;display:flex;flex-direction:column;width:100%}.web-dev-cont{display:flex;flex-direction:column;margin-top:4rem;width:100%}@media only screen and (max-width:600px){.hero-section{padding:1rem var(--side-padding)}.hero-section .hero-title{font-size:3rem;margin:2rem 0}.subtitle{line-height:2.3}.hero-socials{grid-column-gap:1rem;grid-row-gap:2rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:3rem;margin-top:0;place-items:center;row-gap:2rem;width:100%}.hero-socials a{margin-right:0}.hero-socials a svg{height:36px;width:36px}.gallery-column:nth-child(2),.gallery-column:nth-child(3){display:none!important}.gallery-section{min-height:70vh}.info-section{padding:4rem 0 2rem}.info-section .info-section-text{font-size:1.2rem;max-width:calc(100% - var(--side-padding)*2)}.work-experience-section .work-exp-inner{margin-top:0}.projects-section h1:not(.project-title),.skills-and-comps-container h1,.work-exp-inner-sides h1{font-size:1.4rem}.work-experience-section{padding:0}.work-exp-item{flex-direction:column}.work-exp-item .work-exp-left,.work-exp-item .work-exp-right{width:100%}.work-exp-item .line{display:none}.work-exp-item .post{font-family:PJSMedium;font-size:1.35rem}.work-exp-item .company{margin-bottom:1rem}.project-item{flex-direction:column;height:auto}.project-item .project-item-image{height:calc(100vw - var(--side-padding)*2);margin-bottom:1rem;width:calc(100vw - var(--side-padding)*2)}.project-item .project-item-content{align-items:flex-start;height:auto;justify-content:flex-start;padding:1.5rem 0;width:100%}.skills-matter{display:none}h1.before-skills-matter{font-family:PJSMedium;font-size:1.5rem;font-weight:400;-webkit-transform:translate(-50%);transform:translate(-50%);width:calc(100vw - var(--side-padding)*2)}.skills-and-comps-container{grid-template-columns:repeat(2,1fr)}.skills-and-comps-container p{line-height:2}.sidemenu-container{display:none!important}}.container{height:200px;margin:auto;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:scale(.65);transform:scale(.65);transition:opacity .5s ease;width:200px}.cube{-webkit-animation:spin 10s linear infinite;animation:spin 10s linear infinite;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cube,.face{height:100%;width:100%}.face{background-image:repeating-linear-gradient(0deg,rgba(70,70,70,.2),rgba(70,70,70,.2) 1px,transparent 0,transparent 21px),repeating-linear-gradient(90deg,rgba(70,70,70,.2),rgba(70,70,70,.2) 1px,transparent 0,transparent 21px),linear-gradient(90deg,#fff,#fff);position:absolute}.top{background:blue;-webkit-transform:rotateX(90deg) translateZ(100px);transform:rotateX(90deg) translateZ(100px)}.bottom{background-image:url(https://cdn.dribbble.com/users/4821115/screenshots/16660302/media/2005c48b123273bf812ab2fb9e8966cf.png?compress=1&resize=1600x1200&vertical=top);-webkit-transform:rotateX(-90deg) translateZ(100px);transform:rotateX(-90deg) translateZ(100px)}.bottom,.right{background-size:contain}.right{background-image:url(https://cdn.dribbble.com/users/4821115/screenshots/15653396/media/a9c9bac58f18838254550d6dd0665b2d.png?compress=1&resize=1600x1200&vertical=top);-webkit-transform:rotateY(90deg) translateZ(100px);transform:rotateY(90deg) translateZ(100px)}.left{background-image:url(https://cdn.dribbble.com/users/4821115/screenshots/17404726/media/4b2d0f346f9a66c3c2e708ee7eb78d43.png?compress=1&resize=1600x1200&vertical=top);-webkit-transform:rotateY(-90deg) translateZ(100px);transform:rotateY(-90deg) translateZ(100px)}.front,.left{background-size:contain}.front{background-image:url(https://cdn.dribbble.com/users/4821115/screenshots/17411515/media/951a79b72f9c59c95824c9af25ba40da.png?compress=1&resize=1600x1200&vertical=top);-webkit-transform:rotateX(0deg) translateZ(100px);transform:rotateX(0deg) translateZ(100px)}.back{background-image:url(https://cdn.dribbble.com/users/4821115/screenshots/14923601/media/eca06d9821c040f57a6288ce05b399c9.png?compress=1&resize=1600x1200&vertical=top);background-size:contain;-webkit-transform:rotateX(-180deg) translateZ(100px);transform:rotateX(-180deg) translateZ(100px)}@-webkit-keyframes spin{0%{-webkit-transform:rotateX(0deg) rotateY(0deg);transform:rotateX(0deg) rotateY(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(1turn);transform:rotateX(1turn) rotateY(1turn)}}@keyframes spin{0%{-webkit-transform:rotateX(0deg) rotateY(0deg);transform:rotateX(0deg) rotateY(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(1turn);transform:rotateX(1turn) rotateY(1turn)}}.cursor{background-color:#fefefe6a;border-radius:100%;height:12px;mix-blend-mode:difference;pointer-events:none;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .15s ease;transition-property:background-color,opacity,mix-blend-mode,-webkit-transform;transition-property:background-color,opacity,transform,mix-blend-mode;transition-property:background-color,opacity,transform,mix-blend-mode,-webkit-transform;width:12px;z-index:9999}.cursor--hidden{opacity:0}.cursor--clicked,.cursor--link-hovered{background-color:#fefefe;-webkit-transform:translate(-50%,-50%) scale(5);transform:translate(-50%,-50%) scale(5)}*,body,html{cursor:none}.sidemenu-container{background-color:transparent;display:flex;height:100vh;justify-content:flex-end;margin-left:70%;overflow:hidden;position:absolute;width:30%;z-index:20}nav{height:100vh;position:fixed}.background,nav{right:0;top:0;width:30vw}.background{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#ffffff10;bottom:0;max-height:100vh;overflow:hidden;position:absolute}button{stroke:aqua;background-color:transparent;border:none;border-radius:50%;cursor:pointer;height:50px;outline:none;position:absolute;right:75px;top:80px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:50px}li,ul{margin:0;padding:0}ul{left:1rem;padding:25px;position:absolute;top:20%;width:calc(100% - 1rem)}li{align-items:center;cursor:pointer;display:flex;list-style:none;margin-bottom:20px;z-index:100}a.menu-item-text{color:#fff;font-family:PJSMedium,sans-serif;font-size:1.3rem;letter-spacing:.4px;line-height:180%;text-decoration:none}svg{stroke:aqua}
/*# sourceMappingURL=main.54034385.css.map*/