.navbar{align-items:center;background:#1e1e1e;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:60rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.logo{color:#969696;font-style:italic;height:3rem;width:3rem}.desktopMenuListItem{cursor:pointer;margin:1rem}.desktopMenuListItem:hover{border-bottom:2px solid #969696;color:#969696;padding-bottom:.5rem}.desktopMenuBtn{align-items:center;background:#fff;border:none;border-radius:2rem;color:#000;display:flex;justify-content:center;padding:0 1.5rem 0 .5rem}.desktopMenuImg{height:1rem;margin:1rem;object-fit:cover;width:1rem}.active{border-bottom:1px solid #969696;color:#969696;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}#name{color:#969696}@media screen and (max-width:600px){.navbar{border-bottom:1px solid #969696;position:fixed}.mobMenu{color:#969696;display:flex;height:2rem;width:2rem}.desktopMenu,.desktopMenuBtn{display:none}}#intro{display:grid;margin:0 6rem 0 auto;max-width:60rem;overflow:hidden;padding-bottom:14rem;place-items:center;position:relative;top:5rem;width:100vw}#intro .container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:5rem auto 28rem}#intro .container .socials{display:flex;flex-direction:column;gap:1.6rem;margin-top:1rem}#intro .container .socials a{align-items:center;background:#fff;border-radius:2rem;color:gray;display:flex;font-size:1.2rem;height:2rem;justify-content:center;margin:0 auto;padding:.3rem;width:2rem}#intro .container .socials a:hover{background:#2f4f4f;color:#fff}#intro .container .bg{align-items:center;border:none;border-radius:2rem;display:flex;height:12rem;justify-content:center;object-fit:cover;width:12rem}#intro .container .introContent h1{margin:0;text-align:left}#intro .container .introContent h3{margin:2.4rem 0 1rem}#intro .container .introContent p{width:30rem}@media screen and (max-width:600px){#intro{margin:0 auto;max-width:100vw;overflow-x:hidden;padding-bottom:7rem}#intro .container{grid-template-columns:1fr;grid-template-rows:20% 50%;row-gap:6rem;text-align:center}#intro .container .socials{display:none}#intro .container .introContent{margin:0 auto;width:90%}#intro .container .introContent h1{text-align:center}#intro .container .introContent p{font-size:1.3rem;margin:0 auto;width:80%}#intro .container .introContent h3{font-size:1.7rem}#intro .container .profile-area{grid-row:1;margin:13px auto 0;width:94%}#intro .container .profile-area .bg{margin:0 auto}}@media screen and (max-width:1024px){.introContent h3,p{font-size:1.5rem;line-height:normal}#intro{margin:0 auto}}#about{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:-5rem auto 0;max-width:55rem;overflow:hidden;text-align:center;width:100vw}#about .about-heading{font-size:3rem;font-weight:600;margin-bottom:1rem}#about .info{box-sizing:boarder-box;font-size:1rem;font-weight:400;line-height:1.3rem;max-width:47rem;padding:0 2rem;text-align:center}@media screen and (max-width:600px){#about .about-heading{margin:1.8rem auto 1rem;text-align:center}#about .info{font-weight:400;line-height:normal}#about .info p{font-size:1.3rem;margin:0 auto}}.experience_container{grid-gap:.7rem;box-sizing:border-box;display:grid;gap:.7rem;grid-template-columns:1fr 1fr;margin:1rem auto 0;max-width:49rem;width:100vw}#experience h2{font-size:3rem;font-weight:600;margin-top:5rem;text-align:center}.experience_container>div{background:#323232;border-radius:2rem;padding:2.4rem 5rem}.experience_container>div h3{margin-bottom:2rem;text-align:center}.experience_content{grid-row-gap:2rem;grid-column-gap:.3rem;column-gap:.3rem;display:grid;grid-template-columns:1fr 1fr;row-gap:2rem}.experience_details{column-gap:.3rem;display:flex}@media screen and (max-width:600px){.experience_container{gap:1rem;grid-template-columns:1fr}.experience_container>div{margin:0 auto;padding:2rem 1rem;width:95%}}section.recent-work .container{margin:5rem auto;max-width:48rem;overflow:auto;width:100vw}section.recent-work h4{font-size:2rem;font-weight:400;margin:2rem 0 1rem;text-align:center}section.recent-work h1{font-size:3rem;font-weight:600;text-align:center}@media screen and (max-width:600px){section.recent-work .container{border-radius:2rem;margin:2rem auto 0;padding:2rem 1rem;width:90%}}#contact-page{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto 1rem;max-width:51rem;text-align:center;width:100vw}#contact-header{font-size:3rem;font-weight:600;margin-bottom:.1rem}#contactdes{font-size:1.3rem;font-weight:300;padding:1rem}.contactForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem auto;max-width:50rem;width:100%}.email,.msg,.name{background:#282828;box-shadow:none;color:#fff;font-size:medium;margin:.5rem;max-width:35rem;outline:none;padding:.5rem 1rem;width:100%}.email,.msg,.name,.submitBtn{border:none;border-radius:.5rem}.submitBtn{background:#fff;margin:2rem;padding:.75rem 3.5rem}#contact-page .contactForm .links{display:flex;gap:1.6rem;margin-top:.1rem}#contact-page .contactForm .links a{align-items:center;background:#fff;border-radius:2rem;color:gray;display:flex;display:none;font-size:1.4rem;height:2rem;justify-content:center;margin:0 auto;padding:.3rem;width:2rem}@media screen and (max-width:600px){.email:focus,.msg:focus,.name:focus{border:1px solid gray}#contact-page .contactForm .links a{display:flex}.contactForm{margin:0 auto;width:24rem}#contact-paget #contactdes{font-size:1.2rem}}.footer{align-items:center;background:#282828;display:flex;font-size:small;font-weight:300;height:4rem;justify-content:center;width:100%}@media screen and (max-width:600px){.footer{font-size:1rem;margin:0 auto;text-align:center}}@media screen and (max-width:1024px){.footer{font-size:1.2rem}}
/*# sourceMappingURL=main.75b4c20f.css.map*/