.navbar{align-items:center;background:#000;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem 2rem;position:-webkit-sticky;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 #ff0;color:#ff0;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 1rem}.desktopMenuBtn:hover{background-color:#ff0}.desktopMenuImg{height:1rem;margin:1rem;object-fit:cover;width:1rem}.active{border-bottom:3px solid #ff0;color:#ff0;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}@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:-120px;z-index:-1}.introContent{display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100vh;justify-content:center;padding:60px 2rem 2rem;width:100vw}.hello{font-size:1.75rem;font-weight:100}.introName{color:#ff0}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{background:#fff;border:none;border-radius:2rem;margin:1rem 3px;padding:.75rem 1.5rem}.btn:hover{background-color:#ff0}.btnImg{height:1rem;margin:0 .25rem;object-fit:cover}@media screen and (max-width:840px){.bg{right:-10vw}.introContent{font-size:10vw}.hello{font-size:4.5vw}}@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:1.5rem;padding-top:3rem}.skillDesc{font-size:1rem;font-weight:400;max-width:51rem;padding:0 2rem}.skillBars{margin:1.5rem;max-width:80%;text-align:left;width:100vw}.skillBar{background:#323232;border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem}.skillBarImg{height:3rem;margin-right:2rem;object-fit:cover;width:3rem}.skillBarText>p{font-size:.9rem;font-weight:200}@media screen and (max-width:720px){.skillBarText>p{font-size:2vw}}@media screen and (max-width:480px){.skillBarText>p{font-size:3vw}.skillBarImg{height:2.25rem;width:2.25rem}.skillBarText>h2{font-size:5vw}}section#contact.contactPage{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);padding:2rem;text-align:center;width:100vw}.contactContentWrapper{max-width:50rem;width:100%}.contactPageTitle{font-size:3rem;margin-bottom:1rem}.contactDesc{font-size:medium;font-weight:300;margin-bottom:1rem;padding:1rem 0}.contactForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem auto;max-width:40rem;width:100%}.email,.msg,.name{background:#282828;border:1px solid #555;border-radius:.5rem;box-sizing:border-box;color:#fff;font-size:medium;margin:.5rem 0;padding:.75rem 1rem;width:100%}.submitBtn.btn{background:#fff;border:none;border-radius:.5rem;color:#000;cursor:pointer;font-weight:700;margin:2rem 0 1rem;padding:.75rem 3.5rem;transition:background-color .2s ease}.submitBtn.btn:hover{background-color:#ff0}.submitBtn.btn:disabled{background-color:#ccc;cursor:not-allowed}.formStatus{border-radius:.5rem;font-weight:500;margin-top:1rem;padding:.75rem}.formStatus.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.formStatus.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem}.links a{display:inline-block;margin:0 .75rem}.link{height:2.5rem;object-fit:cover;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:2.5rem}.links a:hover .link{-webkit-transform:scale(1.1);transform:scale(1.1)}.phone{background:#ff0;border-radius:50px;bottom:20px;box-shadow:0 4px 8px rgba(0,0,0,.3);color:#000;font-family:sans-serif;font-weight:700;padding:12px 18px;position:fixed;right:20px;text-decoration:none;transition:background-color .2s ease;z-index:999}.phone:hover{background-color:gold}@media screen and (max-width:720px){section#contact.contactPage{padding:1.5rem 1rem}.contactPageTitle{font-size:2.2rem}.contactDesc{font-size:.9rem;padding:.5rem 0}.contactForm{box-sizing:border-box;padding:0 .5rem;width:100%}.email,.msg,.name{font-size:1rem;padding:.6rem .8rem}.submitBtn.btn{font-size:1.1rem;margin-bottom:1rem;max-width:300px;padding:.8rem 1rem;width:100%}.links,.submitBtn.btn{margin-top:1.5rem}.links a{margin:0 .5rem}.link{height:2.2rem;width:2.2rem}.phone{bottom:15px;font-size:.9rem;padding:10px 15px;right:15px}.formStatus{font-size:.9rem;margin-top:.8rem}}.footer{align-items:center;background:#282828;display:flex;font-size:small;font-weight:300;height:4rem;justify-content:center;width:100vw}
/*# sourceMappingURL=main.e4c89fc0.css.map*/