.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}.home{color:#ff0;font-size:20px;font-weight:500;width:5 rem}.logo{height:3rem;object-fit:cover;width:4rem}.desktopMenuListItem{cursor:pointer;margin:1rem}.desktopMenuListItem:hover{border-bottom:3px solid #ff0;color:#ff0;padding-bottom:.5rem}.desktopMenuBtn{align-items:center;background:#fff;border:none;border-radius:2rem;color:#000;display:flex;justify-content:center;padding:0 1rem}.desktopMenuImg{height:1rem;margin:1rem;object-fit:cover;width:1rem}.active{border-bottom:3px solid #ff0;color:#ff0;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;min-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:50vh;object-fit:cover;position:absolute;right:0;top:7rem;width:40;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:#ff0}.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:840px){.bg{right:-10vw}.introContent{font-size:10vw}.hello{font-size:4.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:1.5rem;padding-top:3rem}.skillDesc{font-size:1rem;font-weight:400;max-width:51rem;padding:0 2rem}.skillBars{margin:1.5rem;max-width:80%;text-align:left;width:100vw}.skillBar{background:#323232;border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem}.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:3vw}.skillBarImg{height:2.25rem;width:2.25rem}.skillBarText>h2{font-size:5vw}}#works{align-items:center;color:#f1f1f1;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:70rem;min-height:calc(100vh - 4rem);padding:2rem 1rem;text-align:center;width:100%}.worksTitle{color:#00bcd4;font-size:3rem;font-weight:700;margin:1rem 0}.worksDesc{color:#ddd;font-size:1.1rem;font-weight:300;line-height:1.6rem;margin-bottom:3rem;max-width:45rem}.worksContainer{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;max-width:70rem;width:100%}.workCard{background:hsla(0,0%,100%,.05);border-radius:1rem;box-shadow:0 4px 20px rgba(0,0,0,.25);overflow:hidden;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}.workCard:hover{box-shadow:0 6px 25px rgba(0,0,0,.35);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.worksImg{height:15rem;object-fit:cover;width:100%}.workContent{padding:1.5rem;text-align:left}.workContent h3{color:#00bcd4;font-size:1.5rem;margin-bottom:.8rem}.workContent p{color:#ccc;font-size:1rem;font-weight:300;line-height:1.5rem;margin-bottom:1.2rem}.workBtn{background:#00bcd4;border:none;border-radius:2rem;color:#fff;cursor:pointer;display:inline-block;font-size:.95rem;padding:.6rem 1.8rem;text-decoration:none;transition:background .3s ease,-webkit-transform .2s ease;transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease,-webkit-transform .2s ease}.workBtn:hover{background:#009bb0;-webkit-transform:scale(1.05);transform:scale(1.05)}@media screen and (max-width:768px){.worksTitle{font-size:2.3rem}.worksDesc{font-size:1rem;margin-bottom:2rem}.worksImg{height:12rem}}#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{flex-wrap:wrap}.link{height:3rem;margin:0 .75rem;object-fit:cover;width:3rem}.links{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.linkIcon{color:#00bcd4;cursor:pointer;font-size:2.2rem;transition:all .3s ease}.linkIcon:hover{color:#fff;-webkit-transform:scale(1.25);transform:scale(1.25)}.submitBtn{margin-bottom:1.5rem;margin-top:1.5rem}.successMsg{color:#00e676;font-size:1rem;font-weight:500;margin-top:1rem;text-align:center}.footer{align-items:center;background:#282828;display:flex;font-size:small;font-weight:300;height:4rem;justify-content:center;width:100vw}#techstack{color:#f1f1f1;padding:4rem 1rem;text-align:center}.techstackTitle{color:#00bcd4;font-size:2.5rem;margin-bottom:1rem}.techstackDesc{color:#ddd;font-weight:300;margin-bottom:2rem}.techstackGrid{grid-gap:1.5rem;display:grid;font-size:3rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.techstackGrid svg{cursor:pointer;transition:color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,color .3s ease;transition:transform .3s ease,color .3s ease,-webkit-transform .3s ease}.techstackGrid svg:hover{color:#00bcd4;-webkit-transform:scale(1.2);transform:scale(1.2)}
/*# sourceMappingURL=main.32e85340.css.map*/