*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;background:transparent;font-family:Poppins,sans-serif}body{background:rgb(30,30,30);color:#fff;overflow:hidden;overflow-y:scroll}#icon{width:5rem;height:5rem}.externalImg{border-radius:.5rem}#intro{height:100vh-4rem;width:100vw;max-width:75rem;margin:0 auto;overflow:hidden;position:relative}.introContent{height:100vh;width:100%;padding:2rem;font-size:3rem;font-weight:700;display:flex;flex-direction:column;justify-content:center}.hello{font-size:1.75 rem;font-weight:100}.introName{color:#0081fb}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn,.btn:hover{background:white;color:#000;margin:1rem 0;padding:.75rem 1.5rem;border:none;border-radius:2rem}.learn:active>.btn{color:#000;background:white}.btnImg{object-fit:cover;margin:0 .25rem;height:1rem}.expBars{margin:1.5rem;width:100vw;max-width:80%;text-align:left}@media screen and (max-width:840px){.hello{font-size:4.5vw}.expBars{margin:auto 0rem}}@media screen and (min-height:1000px){.introContent{margin-top:4rem;font-size:6rem;height:fit-content}}#works{margin:0 auto;min-height:100vh-4rem;width:100vw;max-width:60rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 1rem}.worksTitle{margin:1rem 0;font-size:3rem}.worksDesc{font-weight:300;font-size:1rem;max-width:45rem}.worksImgs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100vw;max-width:65rem}.worksImg{width:15rem;height:22rem;border-radius:.5rem;margin:.5rem}.worksBtn{padding:.5rem 2.5rem;background:white;border:none;border-radius:2rem;font-size:1rem;margin:3rem 0;color:#000}@media screen and (max-width: 585px){.worksImg{height:15rem;width:10rem}}.expBar{display:flex;margin:1rem;padding:1.5rem 2rem;border-radius:.5rem;background:rgb(50,50,50);box-shadow:10px 10px #0003}.expBarImg{width:7rem;height:6rem;border-radius:.5rem;margin-right:2rem}.expBarText{display:flex;flex-direction:column}.expTitle{font-size:1.5rem;font-weight:600;margin-bottom:0}.expCompany{font-size:1rem;font-weight:300;margin-bottom:0}.expPeriod{font-size:.8rem;font-weight:200}@media screen and (max-width:840px){.expTitle{font-size:1rem}}@media screen and (max-width:500px){.expBarImg{width:6rem;height:6rem}.expTitle{font-size:.8rem}.expCompany{font-size:.7rem}.expPeriod{font-size:.5rem}}.bio{overflow:hidden;width:100vw;max-width:65rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:auto;padding:3rem auto}.bioImg{border-radius:50%;height:15rem;width:15rem;margin-bottom:2rem}.bioDesc{font-weight:400;font-size:1rem;max-width:50rem;padding:0 2rem}.sectors{overflow:hidden;width:100vw;max-width:65rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:3rem auto}.skillTitle{font-size:3rem;font-weight:600;padding-top:3rem;margin-bottom:1.5rem}.skillDesc{font-weight:400;font-size:1rem;max-width:50rem;padding:0 2rem}.skillBars{margin:1.5rem;width:100vw;max-width:80%;text-align:left}.skillBar{display:flex;margin:1rem;padding:1.5rem 2rem;border-radius:.5rem;background:rgb(50,50,50);box-shadow:10px 10px #0003}.skillBarImg{object-fit:cover;height:4rem;width:4rem;margin-right:2rem}.skillBarText>p{font-size:.9rem;font-weight:200}@media screen and (max-width : 720px){.skillBarText>p{font-size:2.5vw}}@media screen and (max-width : 480px){.skillBar{display:flex;flex-direction:column;text-align:center;align-items:center}.skillBarImg{margin:1rem;width:3rem;height:3rem}.skillBarText>h2{font-size:5vw}}.layer{width:80%;margin:auto;background:rgb(30,30,30,.9);height:100%}.projects{height:100vh-4rem;width:100vw;max-width:75rem;margin:0 auto;align-items:center;text-align:center}.particle{width:20%!important;height:inherit}.portfolio{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;text-align:center;justify-content:space-between;width:100%;max-width:75rem;margin:2rem auto}.portfolioTitle{margin:0 auto}.stackIcon{margin:.3rem .1rem;font-size:2rem}.projectCard{width:fit-content;display:flex;flex-wrap:wrap;margin:0 auto;align-items:center;justify-content:center;text-align:center}@media screen and (max-width : 900px){.portfolio{justify-content:center;margin:0 auto}.portfolioTitle{margin-top:1rem}.projectCard{margin-top:2rem;height:100vh-3rem;justify-content:center}}@media screen and (min-height : 1000px) and (max-width : 1000px){.projectCard{height:5%;margin-top:0;justify-content:center}.projects{max-width:85rem}.portfolio{margin-top:0rem}.portfolioTitle{margin:.5rem 0rem}}@media screen and (min-height : 300px){.projectCard{justify-content:center;align-items:center}}.project{align-items:center;text-align:center;width:30rem;margin-bottom:5rem;padding:1rem;background:rgb(40,40,40);border-radius:1rem;box-shadow:10px 10px #0003}.projDetails{background:rgba(0,0,0,.7);border-radius:2rem;padding-bottom:.5rem}.projImg{width:9rem;height:8rem;margin:1rem .5rem;border-radius:.5rem}.projTitle{padding:.5rem 0rem;font-weight:300;font-size:1.5rem;color:#000;background:white;border-top-left-radius:2rem;border-top-right-radius:2rem}.projDesc{font-weight:300;font-size:.9rem;padding:.2rem 1rem;text-align:center;align-items:center;justify-content:center}.projRepo,.projRepo:hover{background:white;color:#000;margin:1rem 0;padding:.5rem 1.5rem;border:none;border-radius:2rem}.stackIcons{display:flex;flex-direction:row;justify-content:center}.stackIcon{margin:0 .8rem}.link{text-decoration:none}.techStack{font-size:1.2rem;margin-bottom:0}.projDetails,.projRepo{transition:background-color 5s ease}.projDetails:hover,.projRepo:hover{background:rgb(5,48,91);color:#fff;cursor:pointer}@media screen and (max-width: 950px){.project{font-size:1rem;font-weight:200;width:24rem;align-items:center}.projTitle{font-size:1rem;font-weight:600}.projDesc{font-size:.9rem;font-weight:300}.stackIcon{margin:.5rem}.techStack{font-size:1rem;font-weight:600}}@media screen and (min-height : 1000px) and (max-width : 1000px){.project{margin-bottom:2rem;margin-top:1rem}.projTitle{font-size:1.5rem}}@media screen and (max-width: 540px){.projDesc{font-size:.8rem}.projTitle{font-size:.9rem}.projRepo{font-size:.8rem}}.contact{height:100%;width:100vw;max-width:60rem;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}#contactPageTitle{font-size:3rem;margin-bottom:1rem}.contactDesc{padding:1rem;font-size:medium;font-weight:300}.contactForm{margin:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90vw;max-width:60rem}.name,.email,.msg{font-size:medium;width:100%;max-width:40rem;margin:.5rem;padding:.5rem 1rem;color:#fff;border:none;border-radius:.5rem;background-color:#282828}.submitBtn{background:white;color:#000;padding:.75rem 3.5rem;border:none;border-radius:.5rem;margin:2rem}.error{color:red;width:40%;border-radius:.2rem}@media screen and (max-width:540px){.submitBtn{background:white;color:#000}}@media screen and (min-height: 800px){.name,.email{margin:2rem;padding:1rem 2rem}.msg{height:10rem;font-size:large}}@media screen and (min-height: 1000px){.name,.email{font-size:large;margin:2rem;padding:3rem 2rem}.msg{height:30rem;font-size:large}}.navbar{color:#fff;height:5rem;max-width:75rem;margin:0 auto;width:100vw;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:3;flex-wrap:nowrap;background:rgb(30,30,30)}#logo{object-fit:cover;width:5rem;height:7rem;border-bottom:none}.desktopMenuImg{object-fit:cover;width:1rem;height:1rem;margin:1rem;background-color:#fff}.desktopMenuBtn{display:flex;align-items:center;justify-content:center;background:white;color:#000;border:none;border-radius:2rem;padding:0 1rem}#ContactLink{text-decoration:none}.desktopMenuListItem{margin:1rem;cursor:pointer;text-decoration:none;color:#fff}.active{color:#848a8f;padding-bottom:.5rem;border-bottom:3px solid white}.desktopMenuListItem:hover{color:#fff;padding-bottom:.5rem;border-bottom:3px solid white}.mobMenu{display:none;width:3rem;height:3rem;object-fit:cover}.navMenu{position:absolute;top:4rem;right:2rem;z-index:2;display:flex;flex-direction:column;padding:.5rem;height:fit-content;min-width:15rem;background:rgb(40,40,40);border-radius:1rem;display:none}.listItem{color:#fff;padding:.5rem 3rem;margin:.25rem;background:rgb(30,30,30);text-decoration:none;border-radius:.5rem}.listItem:hover{color:#fff;padding-bottom:.5rem;border-bottom:3px solid white}@media screen and (max-width:650px){.mobMenu{display:block}.desktopMenu{display:none}}@media screen and (min-width:650px){.navMenu{display:none!important}}@media screen and (max-width:540px){.desktopMenuBtn{display:none}}.footer{width:100vw;position:fixed;bottom:0;background-color:#282828;display:flex;flex-direction:row;justify-content:end;align-items:center;text-align:center;border-top-left-radius:.6rem;border-top-right-radius:2rem;overflow-x:hidden}.link{width:1.5rem;height:1.5rem;margin:.2rem;text-decoration:none;color:#fff}.resume{width:2rem;height:2rem;margin:.2rem}.links{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-right:1.5rem;height:100%}