.navbar{align-items:center;background:#1e1e1e;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem 2rem;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 #37ff8b;color:#37ff8b;padding-bottom:.5rem}.desktopMenuBtn{align-items:center;background:#fff;border:none;border-radius:2rem;color:#000;cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:0 1rem}.desktopMenuImg{height:1rem;margin:1rem;object-fit:cover;width:1rem}.active{border-bottom:3px solid #37ff8b;color:#37ff8b;padding-bottom:.5rem}.mobMenu{display:none;height:2rem;object-fit:cover}.navMenu{background:#282828;border-radius:1rem;display:flex;flex-direction:column;height:fit-content;min-width:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:2}.ListItem{background:#1e1e1e;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;object-fit:cover;position:absolute;right:0;top:-4rem;z-index:-1}.introContent{display:flex;flex-direction:column;font-size:2.2rem;font-weight:550;height:100vh;justify-content:center;padding:2rem;width:100vw}.hello{font-size:1rem;font-weight:300}.introName{color:#37ff8b}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{align-items:center;background:#fff;border:none;border-radius:.5rem;color:#000;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;letter-spacing:1.5px;margin:1rem 0;max-width:10rem;width:7.5rem}.btn:hover{background:#37ff8b;border:3px solid #fff;color:#fff}@media screen and (max-width:840px){.bg{right:-10vw}.introContent{font-size:6vw}.hello{font-size:3vw}}@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}.skillBars{grid-gap:30px;grid-row-gap:50px;color:#000;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:1.5rem;max-width:80%;row-gap:50px;text-align:center;width:100vw}.skillBar{background:#fff;border-radius:2rem;margin:1rem;padding:1.5rem 2rem}.skillBar:hover .skillBarImg{display:none}.skillBarImg{height:8rem;object-fit:cover;width:8rem}.skillBar:hover .skill-level{background-color:#eee;border-radius:10px;height:10px;overflow:hidden;transition:.5s;width:160px}.skillBar:hover .skill-percent{background-color:#333;height:100%;transition:.5s}#cpp{width:85%}#html{width:90%}#css{width:70%}#js{width:75%}#mongo{width:60%}#react{width:65%}.skill-percent-number{display:none}.skillBar:hover .skill-percent-number{display:contents;font-size:16px;transition:.5s}#works{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;width:100vw}.workstitle{font-size:3rem;margin:1rem 0}.worksImgs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:65rem;width:100vw}.worksImg{border-radius:1rem;height:20rem;margin:1.5rem;object-fit:cover}.worksImg:hover{border:5px solid #37ff8b;transform:scale(1.1);transition:.5s}@media screen and (max-width:790px){.worksImg{height:15rem}.workstitle{font-size:2rem}}@media screen and (max-width:585px){.worksImg{height:48vw}}#certify{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;text-align:center;width:100vw}.certifyTitle{font-size:3rem;font-weight:600;margin-bottom:1rem;padding-top:3rem}.cert{grid-gap:30px;grid-row-gap:50px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:1.5rem;max-width:80%;row-gap:50px;text-align:center;width:100vw}.certi{margin:1rem;padding:1.5rem 2rem}.certiImg:hover{transform:scale(1.3);transition:.5s}.certiS{margin:1rem;padding:1.5rem 2rem}.certiS img{max-width:70%}.certiImg{height:10rem;object-fit:cover;width:10rem}@media screen and (max-width:480px){.certifyTitle{font-size:2rem}}#contact{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;text-align:center;width:100vw}.contactTitle{font-size:3rem;font-weight:600;margin-bottom:1rem;padding-top:3rem}.socialBar{grid-gap:50px;background:#fff;border-radius:2rem;display:grid;gap:50px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));height:8.5rem;margin:2rem;max-width:50%;text-align:center;width:100vw}.socials{margin:1rem;padding:1.5rem}.socialImg{height:4rem;object-fit:cover;width:4rem}.socialImg:hover{transform:scale(1.3);transition:.5s}.sb2{background:#fff;border-radius:2rem;color:#000;height:6rem;margin-bottom:4rem;padding:1.5rem;text-align:left}.sb,.sb2{display:flex}.sb{align-items:center;gap:.5rem;justify-content:center;padding:1.5rem 1rem}.sbImg{height:3rem;width:3rem}@media screen and (max-width:900px){.socialBar{height:20rem}.socialImg{height:4rem;width:4rem}.contactTitle{font-size:2rem}}@media screen and (max-width:480px){.socialImg{height:3rem;width:3rem}.socialBar{height:40rem}.sb2{flex-direction:column;font-size:small;height:15rem}}.footer{align-items:center;background:#282828;display:flex;font-size:small;font-weight:300;height:4rem;justify-content:center;width:100vw}
/*# sourceMappingURL=main.96de7765.css.map*/