.navbar{align-items:center;background:#1e1e1e;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.logo{object-fit:3rem;width:4rem}.desktopMenuListItem{color:#fff;cursor:pointer;margin:1rem}.desktopMenuListItem:hover{border-bottom:3px solid #5badfb;color:#5badfb;padding-bottom:.5rem}.desktopMenuBtn{align-items:center;background:#fff;border:none;border-radius:2rem;color:#000;display:flex;justify-content:center;padding:0 2rem 0 1rem}.desktopMenuImg{height:1rem;margin:1rem;object-fit:cover;width:1rem}@media screen and (min-width:1900px){.navbar{max-width:100rem}}@media screen and (max-width:480px){.navbar{font-size:small;padding:.75rem 1rem}.desktopMenuBtn{padding:0 .5rem}.desktopMenuBtn>p{font-size:0}.logo{width:3rem}}.active{border-bottom:3px solid #5badfb;color:#5badfb;padding-bottom:.5rem}.mobMenu{cursor:pointer;display:none;filter:invert(70%) sepia(60%) saturate(1000%) hue-rotate(180deg) brightness(100%) contrast(90%);height:2rem;object-fit:cover;transition:transform .3s ease;width:2rem}.mobMenu:hover{transform:scale(1.1)}.navMenu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ef2;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;height:auto;min-width:16rem;opacity:0;padding:.75rem;pointer-events:none;position:fixed;right:1.5rem;top:5.5rem;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.navMenu.show{opacity:1;pointer-events:auto;transform:translateY(0)}.listItem{background:#5badfb1a;border:1px solid #5badfb33;border-radius:.75rem;color:#f0f0f0;font-size:.95rem;margin:.2rem 0;padding:.75rem 2rem;text-align:center;transition:all .2s ease}.listItem:hover{background:#5badfb33;color:#fff;transform:translateX(-2px)}.listItem:active{transform:scale(.98)}@media screen and (max-width:720px){.mobMenu{display:flex}.desktopMenu,.desktopMenuBtn{display:none}.navMenu{right:1rem;top:5rem}}#intro{height:calc(100vh - 4rem);margin:0 auto;max-width:75rem;overflow:hidden;width:100vw}.bg{height:100vh;-webkit-mask-image:linear-gradient(180deg,#000 10%,#0000);mask-image:linear-gradient(180deg,#000 10%,#0000);object-fit:cover;position:absolute;right:15rem;top:4rem;z-index:-1}.introContent{display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100vh;justify-content:center;padding:2rem;width:100vw}.hello{font-size:1.75rem;font-weight:100}.introName{color:#5badfb}.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}.btnImg{height:1rem;margin:0 .25rem;object-fit:cover}@media screen and (max-width:1024px){.bg{right:10vw}}@media screen and (max-width:840px){.bg{right:-10vw}.introContent{font-size:7vw}.hello{font-size:4.5vw}}@media screen and (max-width:480px){.bg{height:auto;left:0;max-width:100%}.introContent{font-size:9vw;margin-top:4rem}.introContent>.hello,.introPara,.introText{text-shadow:#000 0 0 20px}.hello{font-size:4.5vw}}#skills{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;padding:0 1rem;text-align:center;width:100%}.skillTitle{font-size:2.5rem;font-weight:600;margin-bottom:1.5rem;padding-top:5rem}.skillDesc{font-size:1rem;font-weight:400;margin-bottom:2rem;max-width:50rem;padding:0 1rem}.skillBars{box-sizing:border-box;max-width:100%;padding:0 1rem;text-align:left;width:100%}.skillBar{align-items:center;background:#323232;border-radius:.5rem;display:flex;margin:1rem 0;padding:1.5rem;transition:transform .2s ease-in-out}.skillBar:hover{transform:translateY(-5px)}.skillBarImg{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:1.5rem}.skillIcon{color:#6daef7;font-size:2.5rem}.skillBarText{flex:1 1}.skillBarText>h2{color:#e6f1ff;font-size:1.25rem;margin:0 0 .5rem}.skillBarText>p{color:#8892b0;font-size:.95rem;font-weight:300;line-height:1.5;margin:0}@media screen and (max-width:768px){.skillBar{flex-direction:column;padding:1.5rem 1rem;text-align:center}.skillBarImg{margin:0 0 1rem}.skillBarText>h2{font-size:1.1rem}.skillBarText>p{font-size:.9rem}}@media screen and (max-width:480px){#skills{padding:0 .5rem}.skillTitle{font-size:2rem;padding-top:3rem}.skillDesc{font-size:.95rem;padding:0 .5rem}.skillBars{padding:0}.skillBar{margin:.75rem 0;padding:1.25rem 1rem}.skillIcon{font-size:2rem}}#works{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:75rem;min-height:calc(100vh - 4rem);padding:2rem 1rem;text-align:center;width:100vw}.worksTitle{font-size:3rem;margin:3rem 0}.worksDesc{font-size:1rem;font-weight:300;max-width:45rem}.worksImgs{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem;max-width:1200px;padding:0 2rem;width:100%}.worksImgContainer{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;box-shadow:0 4px 30px #0000001a;cursor:pointer;display:flex;height:250px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.worksImgContainer:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.worksImg{background:#ffffff1a;border-radius:.8rem;height:100%;object-fit:contain;padding:1rem;transition:all .5s ease;width:100%}.worksImg:hover{transform:scale(1.05)}.worksBtn{background:#fff;border:none;border-radius:2rem;font-size:1rem;margin:3rem 0;padding:.5rem 2.5rem}@media screen and (max-width:768px){.worksImgs{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:0 1rem}.worksImgContainer{height:200px}}@media screen and (max-width:480px){#works{margin-top:5rem}}#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}.clientDesc{font-size:1rem;font-weight:300}.clientImgs{display:flex;flex-wrap:wrap;margin:1rem 0}.clientImg{margin:auto;min-width:9rem;object-fit:cover;padding:.25rem;width:23%}#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}.links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.link{height:3rem;margin:0 .75rem;object-fit:cover;width:3rem}.footer{align-items:center;background:#282828;display:flex;font-size:small;font-weight:300;height:4rem;justify-content:center;width:100vw}
/*# sourceMappingURL=main.6f034322.css.map*/