.navbar{align-items:center;background:#1e1e1e;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:95rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.logo{height:3rem;object-fit:cover;width:4rem}.desktopMenuListItem{cursor:pointer;margin:1rem}.desktopMenuListItem:hover{border-bottom:3px solid #3b7ff5;color:#3b7ff5;padding-bottom:.5 rem}.desktopMenuBtn{align-items:center;background:#fff;border:none;border-radius:2rem;color:#000;cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;justify-content:center;padding:.55rem 1.25rem;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.desktopMenuBtn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.desktopMenuImg{height:1.1rem;margin:0;object-fit:cover;width:1.1rem}.active{border-bottom:3px solid #3b7ff5;color:#3b7ff5;padding-bottom:.5rem}.mobMenu{display:none;height:1.8rem;object-fit:cover}.navMenu{background:#282828;border-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:2}.listItem{background:#1e1e1e;color:#fff;margin:.25rem;padding:.5rem 3rem}@media screen and (max-width:720px){.mobMenu{display:flex}.desktopMenu,.desktopMenuBtn{display:none}}#intro{height:calc(100vh - 4rem);margin:0 auto;max-width:75rem;overflow:hidden;position:relative;width:100vw}.bg{height:100vh;margin-top:14vh;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent);object-fit:cover;position:absolute;right:0;top:-4rem;transition:-webkit-transform .15s ease-out;transition:transform .15s ease-out;transition:transform .15s ease-out,-webkit-transform .15s ease-out;will-change:transform;z-index:-1}@media (prefers-reduced-motion:reduce){.bg{transition:none;will-change:auto}}.introContent{display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100vh;justify-content:center;max-width:38rem;padding:2rem;width:100vw}.hello{font-size:1.75rem;font-weight:100}.introName{color:#3b7ff5}.introRole{color:hsla(0,0%,100%,.75);display:inline-block;font-size:1.75rem;font-weight:400;margin-top:.5rem}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{background:#fff;border:none;border-radius:2rem;margin:1rem 0;padding:.75rem 1.5rem;transition:all .3s ease}.btn:hover{background:#3b7ff5;color:#fff;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.btnImg{height:1rem;margin:0 .25rem;object-fit:cover}@media screen and (max-width:840px){.bg{right:-10vw}.introContent{font-size:10vw;max-width:none}.hello{font-size:4.5vw}.introRole{font-size:5vw}}@media screen and (max-width:480px){.bg{right:-20vw}}#skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;text-align:center;width:100vw}.skillTitle{font-size:3rem;font-weight:600;margin-bottom:1rem;padding-top:3rem}.skillDesc{font-size:1rem;font-weight:300;max-width:51rem;padding:0 2rem}.skillBars{margin:1.5rem;max-width:80%;text-align:left;width:100vw}.skillBar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:1rem;box-shadow:0 8px 32px rgba(0,0,0,.25);display:flex;margin:1rem;padding:1.5rem 2rem;transition:box-shadow .3s ease,background .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,-webkit-transform .3s ease}.skillBar:hover{background:hsla(0,0%,100%,.1);box-shadow:0 12px 40px rgba(0,0,0,.35);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.skillBarImg{height:3rem;margin-right:2rem;object-fit:cover;width:3rem}.skillBarText>p{font-size:.9rem;font-weight:200}@media screen and (max-width:720px){.skillBarText>p{font-size:2vw}}@media screen and (max-width:480px){.skillBarText>p{font-size:2vw}.skillBarImg{height:2,25rem;width:2.25rem}.skillBarText>h2{font-size:5vw}}#works{--works-card-h:13rem;--works-card-w:calc(var(--works-card-h)*16/9);--works-card-pad:0.6rem;--works-card-border:0.0625rem;--works-card-outer:calc(var(--works-card-w) + (var(--works-card-pad) + var(--works-card-border))*2);--works-gap:0.75rem;--works-cols:2;align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);padding:0 1rem;text-align:center;width:100vw}.worksTitle{font-size:3rem;margin:1rem 0}.worksDesc{font-size:1rem;font-weight:300;max-width:45rem}.worksCarousel{align-items:center;display:flex;gap:.5rem;max-width:65rem;width:100%}.worksImgs{grid-gap:var(--works-gap);align-content:center;display:grid;gap:var(--works-gap);grid-auto-columns:var(--works-card-outer);grid-auto-flow:column;grid-template-rows:repeat(2,auto);max-width:calc(var(--works-card-outer)*var(--works-cols) + var(--works-gap)*(var(--works-cols) - 1));overflow-x:auto;padding:.25rem 0;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.worksImgs::-webkit-scrollbar{display:none}.carouselArrow{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:50%;color:#fff;cursor:pointer;flex:0 0 auto;font-size:1.4rem;height:2.5rem;line-height:1;transition:background .2s ease,-webkit-transform .2s ease;transition:background .2s ease,transform .2s ease;transition:background .2s ease,transform .2s ease,-webkit-transform .2s ease;width:2.5rem}.carouselArrow:hover{background:hsla(0,0%,100%,.18);-webkit-transform:scale(1.08);transform:scale(1.08)}@media screen and (max-width:585px){.carouselArrow{display:none}}.worksCard{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.06);border:var(--works-card-border) solid hsla(0,0%,100%,.12);border-radius:1rem;box-shadow:0 8px 32px rgba(0,0,0,.25);cursor:pointer;display:block;line-height:0;font:inherit;overflow:hidden;padding:var(--works-card-pad);scroll-snap-align:start;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;width:var(--works-card-outer)}.worksCard:hover{box-shadow:0 14px 40px rgba(0,0,0,.4);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.worksImg{border-radius:.6rem;display:block;height:var(--works-card-h);object-fit:cover;position:relative;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:var(--works-card-w);z-index:1}.worksImg:hover{-webkit-transform:scale(1.1);transform:scale(1.1);z-index:2}.worksImg:hover:after{background:hsla(0,0%,100%,.8);border-radius:.5rem;bottom:0;content:"View Details";font-size:.8rem;left:50%;padding:.5rem;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3}.workBtn{background:#fff;border:none;border-radius:2rem;color:#333;display:inline-block;font-size:1rem;margin:3rem 0;padding:.5rem 2.5rem;text-decoration:none}@media screen and (max-width:585px){#works{--works-card-w:85.33333vw;--works-cols:1}.worksImg{height:48vw}}.workBtn:hover{background:#f0f0f0;color:#333;cursor:pointer}.modalOverlay{align-items:center;-webkit-animation:modalFadeIn .2s ease;animation:modalFadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.75);display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:100}.modalContent{-webkit-animation:modalScaleIn .25s ease;animation:modalScaleIn .25s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(40,40,40,.85);border:1px solid hsla(0,0%,100%,.12);border-radius:1rem;box-shadow:0 20px 60px rgba(0,0,0,.5);max-height:90vh;max-width:40rem;overflow-y:auto;padding:1.5rem;position:relative;text-align:left;width:100%}.modalImg{border-radius:.6rem;margin-bottom:1rem;object-fit:cover;width:100%}.modalTitle{font-size:1.5rem;margin-bottom:.5rem}.modalDesc{font-size:.95rem;font-weight:300;line-height:1.5;margin-bottom:1.5rem;opacity:.85}.modalLink{background:#fff;border-radius:2rem;color:#333;display:inline-block;font-size:.95rem;padding:.6rem 1.5rem;transition:background .2s ease,color .2s ease}.modalLink:hover{background:#3b7ff5;color:#fff}.modalClose{background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.25rem;height:2.25rem;line-height:1;position:absolute;right:.75rem;top:.75rem;transition:background .2s ease;width:2.25rem}.modalClose:hover{background:hsla(0,0%,100%,.2)}@-webkit-keyframes modalFadeIn{0%{opacity:0}}@keyframes modalFadeIn{0%{opacity:0}}@-webkit-keyframes modalScaleIn{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes modalScaleIn{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.modalContent,.modalOverlay{-webkit-animation:none;animation:none}}#contactPage{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);text-align:center;width:100vw}.contactPageTitle{font-size:3rem;margin-bottom:1rem}.clientsDesc{font-size:1rem;font-weight:300}.marqueeViewport{margin:1rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);max-width:60rem;overflow:hidden;width:100%}.marqueeTrack{-webkit-animation:marquee 36s linear infinite;animation:marquee 36s linear infinite;display:flex;width:-webkit-max-content;width:max-content}.marqueeViewport:hover .marqueeTrack{-webkit-animation-play-state:paused;animation-play-state:paused}.marqueeTrack.marqueeStatic{-webkit-animation:none;animation:none;flex-wrap:wrap;justify-content:center;max-height:25rem;overflow-y:auto;width:100%}@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.marqueeTrack{-webkit-animation:none!important;animation:none!important}}.clientImg{object-fit:cover;padding:.25rem;width:100%}#clients{padding:2rem}.contactDesc{font-size:medium;font-weight:300;padding:1rem}.contactForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem;max-width:60rem;width:90vw}.email,.msg,.name{background:#282828;color:#fff;font-size:medium;margin:.5rem;max-width:40rem;padding:.5rem 1rem;width:100%}.email,.msg,.name,.submitBtn{border:none;border-radius:.5rem}.submitBtn{background:#fff;margin:2rem;padding:.75rem 3.5rem;transition:all .3s ease}.submitBtn:hover{background:#3b7ff5;color:#fff;cursor:pointer}.links{display:flex;flex-wrap:wrap}.link{height:3rem;margin:0 .75rem;object-fit:cover;width:3rem}.clientImgContainer{flex:0 0 auto;margin:0 .25rem;padding:.25rem;position:relative;width:9rem}.overlay{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;font-size:1.5rem;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.clientImgContainer:hover .overlay{opacity:1}.footer{align-items:center;background:#282828;display:flex;flex-wrap:wrap;font-size:small;font-weight:300;gap:.4rem 1.5rem;justify-content:center;min-height:4rem;padding:.75rem 1rem;text-align:center;width:100vw}.footerLink{color:#3b7ff5;text-decoration:underline;text-underline-offset:.2rem}.footerLink:hover{color:#fff}
/*# sourceMappingURL=main.c1fc0b7e.css.map*/