*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;background:transparent;font-family:Poppins,"sans-serif"}body{background:#1e1e1e;color:#fff;overflow-y:scroll}.navbar{background:#1e1e1e;height:5rem;width:100%;max-width:75rem;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:9999}.logo{object-fit:cover;height:3rem;width:4rem}.destopMenuListItem{margin:1rem;cursor:pointer}.destopMenuListItem:hover{color:#ff0;padding-bottom:.5rem;border-bottom:2px solid yellow}.destopMenuBtn{background:#fff;color:#000;border:none;display:flex;align-items:center;justify-content:center;padding:0 1rem;border-radius:2rem}.destopMenuImg{object-fit:cover;height:1rem;width:1rem;margin:1rem}.active{color:#ff0;padding-bottom:.5rem;border-bottom:3px solid yellow}.mobMenu{display:none;object-fit:cover;height:1.8rem}.navMenu{position:absolute;top:4rem;right:2rem;z-index:10;display:flex;flex-direction:column;padding:.5rem;height:fit-content;min-width:15rem;background:#282828;border-radius:1rem}.listItem{color:#fff;padding:.5rem 3rem;margin:.25rem;background:#1e1e1e}@media screen and (max-width:720px){.mobMenu{display:flex}.destopMenu,.destopMenuBtn{display:none}}#intro{height:calc(100vh - 4rem);width:100vw;max-width:75rem;margin:0 auto}.introContent{height:100vh;width:100vw;padding:2rem;font-size:3rem;font-weight:700;display:flex;flex-direction:column;justify-content:center}.hello{font-size:1.75rem;font-weight:100}.introName{color:#ff0}.introPara{font-size:medium;letter-spacing:1px;font-weight:300}.btn{background:#fff;margin:1rem 0;padding:.75rem 1.5rem;border-radius:none;border-radius:2rem}.btnImg{object-fit:cover;margin:0 .25rem;height:1rem}#skills{width:100vw;max-width:65rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto}.skillTitle{font-size:3rem;font-weight:600;padding-top:3rem;margin-bottom:1.5rem}.skillDesc{font-weight:300;font-size:1.1rem;line-height:1.6;max-width:50rem;padding:0 2rem;color:#ccc}.skillBars{margin:2rem 0;width:100%;max-width:80%;display:flex;flex-direction:column;gap:1.5rem}.skillBar{display:flex;align-items:center;padding:1.5rem 2rem;border-radius:.5rem;background:#323232;transition:transform .2s ease,background .3s ease}.skillBar:hover{transform:scale(1.02);background:#3c3c3c}.skillBarImg{object-fit:cover;height:3rem;width:3rem;margin-right:1.5rem}.skillBar h2{font-size:1.25rem;margin:0 0 .5rem;color:#fff}.skillBar>p{font-size:.9rem;font-weight:300;color:#ddd}@media (max-width: 768px){.skillBar{flex-direction:column;align-items:flex-start;text-align:left}.skillBarImg{margin:0 0 1rem}}#portfolio{padding:4rem 2rem;background:#1e1e1e;color:#fff;text-align:center}.portfolioTitle{font-size:2.5rem;margin-bottom:2rem}.portfolioContainer{display:flex;flex-direction:column;gap:2rem;align-items:center}.portfolioItem{background:#222;padding:1.5rem 2rem;border-radius:1rem;max-width:600px;width:100%;text-align:left}.portfolioItem:hover{transform:scale(1.02);background:#3c3c3c}.portfolioItem h3{margin-bottom:.5rem}.portfolioItem p{margin-bottom:1rem;color:#ccc}.portfolioItem a{color:#61dafb;text-decoration:none;font-weight:700}.portfolioLinks{display:flex;gap:1rem;margin-top:.5rem}.portfolioLinks a{color:#61dafb;text-decoration:none;font-weight:700}.contactPage{min-height:100vh-4rem;width:100vw;max-width:60rem;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content: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:#282828}.submitBtn{background:#fff;border:none;border-radius:.5rem;padding:.75rem 3.5rem;margin:2rem}.links{display:flex;flex-wrap:wrap}.link{object-fit:cover;height:3rem;width:3rem;margin:0 .75rem}.footer{width:100vw;height:4rem;background:#282828;display:flex;align-items:center;justify-content:center;font-weight:300;font-size:small}