*{margin:0;padding:0;box-sizing:border-box}img.picture{max-width:100%}#intro{height:calc(100vh -4rem);width:100;max-width:75rem;margin:0 auto;overflow:hidden}.bg{position:absolute;top:130px;right:2rem;z-index:-1;object-fit:cover;height:100vh}.introContect{height:100vh;width:100vw;padding:2rem;font-size:2rem;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;font-weight:300;letter-spacing:1px}.btn{background-color:#fff;margin:1rem 0;padding:.75rem 1.5rem;border:none;border-radius:2rem}.btnImg{object-fit:cover;margin:0 .25rem;height:3rem}@media screen and (max-width:840px){.bg{right:-10vh}}.navbar{height:11rem;width:100vm;margin:0 auto;padding:1rem -2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:3}.logo{object-fit:cover;height:4rem;width:5rem}.desktopMenuListItem{margin:2rem;cursor:pointer}.desktopMenuListItem:hover{color:#ff0;padding-bottom:.5rem;border-bottom:3px solid yellow}.desktopmenuBtn{background:#fff;color:#000;border:none;display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:2rem}.desktopMenuImg{object-fit:cover;height:1rem;width: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:2;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}.desktopMenu,.desktopmenuBtn{display:none}}#skills{overflow:hidden;width:100vm;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:400;font-size:2rem;max-width:51rem;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:#323232}.skillBarImg{object-fit:cover;height:3rem;width:3rem;margin-right:2rem}.skillBarText{font-size:.9rem;font-weight:200}@media screen and (max-width:480px){.skillBarText>p{font-size:3vm}.skillBarImg{height:2.25rem;width:2.25rem}.skillBarText>h2{font-size:5vm}}#works{margin:0 auto;min-height:calc(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}.workDesc{font-weight:300;font-size:1rem;max-width:45rem}.worksImgs{display:flex;align-items:center;flex-wrap:wrap;width:100vw;max-width:65rem;justify-content:center}.worksImg{object-fit:cover;height:20rem;margin:.5rem}.workBtn{margin:3rem 0;padding:.5rem 2.5rem;border:none;border-radius:2rem;background:#fff;font-size:1rem}@media screen and (max-width:585px){.worksImg{height:48vw}}#contactPage{min-height:calc(100vh - 4rem);width:100vw;max-width:60rem;margin:0 auto;display:flex;flex-direction:column;text-align:center;justify-content:center}.contactPageTitle{font-size:3rem;margin-bottom:1rem}.clientDesc{font-weight:300;font-size:1rem}.clientImgs{margin:1rem 0;display:flex;flex-wrap:wrap}.clientImg{object-fit:cover;width:23%;max-width:9rem;margin:auto;padding:.25rem}#clients{padding:2rem}.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:#fff;border:none;margin:2rem;border-radius:.5rem;padding:.75rem 3.5rem}.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}*{margin:0;padding:0;max-width:104rem;box-sizing:border-box;text-decoration:none;background:transparent;font-family:poppins,sans-serif}body{background:#000;color:#fff;overflow:hidden;overflow-y:scroll}