.navbar{align-items:center;background:#1e1e1e;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{color:#ff0;font-family:Georgia,Times New Roman,Times,serif;font-size:50px;font-weight:900}.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 1rem}.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 - 5rem);margin:0 auto;max-width:75rem;overflow:hidden;position:relative;width:100vw}.bg{border-radius:40px;height:90vh;object-fit:cover;position:absolute;right:0;top:0;z-index:-1}.introContent{display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100vh;justify-content:center;padding:2rem;width:100vw}.hello{font-size:1rem;font-weight:700}.introName{color:#ff0}.introPara{font-size:medium;font-weight:300;max-width:500px}.btn{background:#fff;border:none;border-radius:2rem;margin:1rem .5rem;padding:.75rem 1.5rem}.btnImg{height:1rem;margin:0 .25rem;object-fit:cover}@media screen and (max-width:900px){.bg{height:70vh;opacity:.7;right:-18vw}.introContent{font-size:7vw;height:75vh}.hello{font-size:2.5vw}.introPara{font-weight:400}}@media screen and (max-width:500px){.bg{display:none}.introContent{text-align:center}.introPara{font-size:1rem;font-weight:200}.hello{font-size:3.5vw}}#services{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;text-align:center;width:100vw}.serviceTitle{font-size:3rem;font-weight:600;margin-bottom:1.5rem}section>h5{margin-top:3rem}.serviceDesc{font-size:1rem;font-weight:300;max-width:50rem;padding:0 2rem}.serviceBars{margin:1.5rem;max-width:80%;text-align:left;width:100vw}.serviceBar{background:#282828;border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem;transition:all .4s ease}.serviceBar:hover{background:transparent}.serviceBarImg{height:3rem;margin-right:2rem;margin-top:1rem;object-fit:cover;width:3rem}.serviceBarText>p{font-size:.9rem;font-weight:200;margin:5px 0}@media screen and (max-width:720px){.serviceBarText>p{font-size:2vw}}@media screen and (max-width:480px){.serviceBarText>p{font-size:3vw}.serviceBarImg{height:2.25rem;width:2.25rem}.serviceBarText>h2{font-size:5vw}}#work{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:75rem;overflow:hidden;text-align:left;width:100vw}.project_container{grid-gap:1.6rem;display:grid;gap:1.6rem;grid-template-columns:repeat(3,1fr)}.project_item{align-items:center;background:#282828;border:1px solid transparent;border-radius:.5rem;display:flex;flex-direction:column;justify-content:start}.project_desc{padding:.8rem;text-align:center}.project_desc>h3{margin-bottom:1rem}.btn1{border:1px solid #fff;border-radius:.4rem;color:#fff;display:inline-block;padding:.3rem .5rem;width:-webkit-max-content;width:max-content}.btn2{background:#ff0;color:#1e1e1e;margin-left:1rem}.btn3{margin-left:5px}.project_image{border-radius:.5rem;height:17rem;object-fit:cover;overflow:hidden;width:20rem}@media screen and (max-width:1024px){.project_container{gap:.9rem;grid-template-columns:1fr 1fr}.project_image{width:18rem}}@media screen and (max-width:580px){.project_container{grid-template-columns:1fr}.project_image{width:23rem}}@media screen and (max-width:380px){.project_image{height:18rem;width:18rem}}#skill{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:75rem;overflow:hidden;width:100vw}.skill_container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.skill_container>div{background:#282828;border-radius:.5rem;padding:2.4rem 4rem;transition:all .4s ease}.skill_container>div:hover{background:transparent}.skillTitle{font-size:3rem;font-weight:600;margin-bottom:1.5rem}.title{color:#ff0}.skill_container>div h3{margin-bottom:2rem;text-align:center}.skill_content{grid-column-gap:3rem;grid-row-gap:1rem;-webkit-column-gap:3rem;column-gap:3rem;display:grid;grid-template-columns:1fr 1fr;row-gap:1rem}.skill_details{display:flex;gap:1rem}.skill_details-icon{color:#ff0;margin-top:6px}@media screen and (max-width:900px){.skill_container{gap:1.5rem}.skill_container>div{padding:2.4rem 2rem}}@media screen and (max-width:750px){.skill_container{gap:1rem}.skill_container>div{padding:2.4rem 1rem}}@media screen and (max-width:660px){.skill_container{grid-template-columns:1fr}.skill_container>div{background:transparent}}#contact{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;text-align:center;width:100vw}#contact>h1{font-size:3rem;font-weight:600;padding-top:2rem}.contactDesc{font-size:medium;font-weight:300;padding:1rem}.contactForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem;max-width:60rem;width:90vw}.email,.msg,.name{background:#282828;color:#fff;font-size:medium;margin:.5rem;max-width:40rem;padding:.5rem 1rem;width:100%}.email,.msg,.name,.submitBtn{border:none;border-radius:.5rem}.submitBtn{background:#fff;margin:1.8rem;padding:.65rem 3rem}.links{display:flex;flex-wrap:wrap}.link{height:3rem;margin:0 .75rem;object-fit:cover;width:3rem}#footer{align-items:center;background:#282828;display:flex;font-size:small;font-weight:300;height:4rem;justify-content:center;text-align:center;width:100vw}
/*# sourceMappingURL=main.d2fb9e45.css.map*/