:root{--max-width:1500px;--primary_color:#1aa088;--secondary_color:#bebebe;--black_color:#161616;--offblack_color:#2f2f2f;--boxShadow_primary:hsla(0,19%,95%,.2) 0px 10px 36px 0px,hsla(0,19%,95%,.3) 0px 0px 0px 2px;--boxShadow_secondary:rgba(26,160,136,.7) 0px 10px 36px 0px,rgba(26,160,136,.7) 0px 0px 0px 2px}a:hover{color:var(--secondary_color)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--secondary_color)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:var(--primary_color)}ul{list-style-type:none;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;-webkit-padding-start:0;padding-inline-start:0}body{background-color:var(--black_color);margin:0}*,body{box-sizing:border-box}*{text-decoration:none;list-style:none;font-size:1rem;font-weight:400}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem;height:100%}.justify_between{display:flex;align-items:center;width:100%;height:100%;justify-content:space-between}a,button{cursor:pointer}#NavbarSection{background-color:var(--black_color);height:90px;position:fixed;width:100%;z-index:400;top:0}#NavbarSection,.navlogo a{color:var(--primary_color)}.navlogo a{font-size:1.6rem;font-weight:700}.navlogo a:hover{color:var(--secondary_color)}.navlist{display:flex}.navlist a:hover{color:var(--secondary_color);padding-bottom:.4rem;border-bottom:1px solid var(--secondary_color)}.navlist a{font-size:1.15rem;color:var(--primary_color)}.navlist>*+*{margin-left:1.8rem}#HeroSection{color:var(--primary_color);width:100%;min-height:100vh;padding-top:8rem}.hero_flex{display:flex;justify-content:space-between}.heroImg{width:100%;height:550px}.heroImg_bg{position:absolute;width:60%;left:15%;aspect-ratio:1;border-radius:50%;background-color:var(--primary_color)}.heroImg img{position:relative;z-index:2;height:100%;width:100%}.hero_content{padding-top:3rem;max-width:39.625rem}.title{color:var(--secondary_color);font-size:2.125rem;font-weight:600}.dynamic_text{line-height:5rem;height:5rem;overflow:hidden}.profile{color:var(--primary_color);font-size:3.5rem;font-weight:700}.desc,.profile{margin-top:1.25rem}.desc{margin-bottom:1.8rem;color:var(--secondary_color);font-size:1.5625rem;line-height:1.7125rem;padding-bottom:1rem}.hero_btn>a{padding:.6rem 1rem;font-size:1.5rem;border-radius:.3rem;border:1px solid var(--primary_color);background-color:var(--black_color);color:var(--primary_color);cursor:pointer;position:relative;z-index:200;outline:none}.hero_btn>a:hover{background-color:var(--primary_color);color:var(--black_color)}.hero_btn>*+*{margin-left:1.5rem}.hero_footer{display:flex;justify-content:center;margin-top:70px}.hero_footer i{display:inline-block;border-radius:55px;padding:.6rem .7rem;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .4s;background-color:var(--primary_color);color:var(--black_color)}.hero_footer i:hover{background-color:var(--MAIN_BLACK_COLOR);color:var(--GREEN_COLOR);transform:scale(1.3);box-shadow:0 10px 36px 0 rgba(26,160,136,.7),0 0 0 2px rgba(26,160,136,.7)}.hero_footer>a+a{margin-left:1.25rem}.TitleSection{padding-top:4rem}.Title{color:var(--secondary_color);text-align:center;font-size:3.125rem;font-weight:600;padding-bottom:1rem}.underline{margin:0 auto;border-radius:1rem;border:2.7px solid var(--primary_color);width:200px}.subTitle{color:var(--secondary_color);text-align:center;margin-bottom:3rem;font-size:1.3rem;padding-top:1.5rem;font-weight:300}.about,.noSubTitle{margin-bottom:4rem}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;max-width:69.75rem;min-height:21.9375rem;background-color:var(--offblack_color);padding:3rem 2rem;box-shadow:var(--boxShadow_primary);border-radius:15px}.about_title{color:var(--primary_color);font-size:2rem;font-weight:600}.about p,.about_title{text-align:center;line-height:1.875rem}.about p{margin:1.5rem auto auto;max-width:53.25rem;color:var(--secondary_color);font-size:1.25rem;font-weight:400}.SkillSection{display:flex;justify-content:space-around;align-items:center}.SkillList{min-width:360px;height:230px;background-color:var(--offblack_color);color:var(--secondary_color);padding:2.25rem 1.09375rem;margin-bottom:2rem;box-shadow:var(--boxShadow_primary);border-radius:20px;cursor:pointer;transition:all 1s}.SkillList:hover{transform:scale(1.05);box-shadow:var(--boxShadow_secondary)}.SkillSection>.SkillList+.SkillList{margin-left:3rem}.SkillList .skill_title{color:var(--primary_color);font-size:1.5rem;text-align:center}.skill_item_list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:1.5rem;width:100%}.skill_item_list>.skill_item+.skill_item{padding-left:1rem}.skill_item{padding-bottom:1rem;font-size:1rem}.projectList{display:flex;justify-content:space-evenly;align-items:center;margin-top:3.5rem;gap:2.5rem;flex-wrap:wrap}.SingleProject{border:1px solid var(--primary_color);border-radius:2rem;padding:2.5rem 1rem;width:480px;min-height:400px;transition:transform 1s linear;margin-bottom:1.5rem;cursor:pointer}.SingleProject:hover{transform:scale(1.1);box-shadow:var(--boxShadow_secondary)}.SingleProject img{width:100%;height:100%}.project_skill{display:flex;justify-content:space-evenly;flex-wrap:wrap;align-items:center}.project_skill_item{margin:.4rem;padding:.5rem .6rem;background-color:var(--offblack_color);border-radius:.2rem;color:var(--primary_color);font-size:1rem}.project_title{color:var(--primary_color);font-size:1.8rem;margin-top:1rem;text-align:center}.project_desc{margin-top:.4rem;color:var(--secondary_color);font-size:1.2rem;text-align:center;line-height:1.4rem;line-height:1.7rem}.project_desc button{color:var(--primary_color);background-color:var(--black_color);font-size:1.2rem;border:none;outline:none}.project_desc button:hover{color:var(--secondary_color)}.project_btn{display:flex;justify-content:center;align-items:center}.project_btn a{text-align:center;background-color:var(--primary_color);color:var(--secondary_color);font-size:1.1rem;padding:.7rem 1.4rem;margin-top:1.3rem;font-weight:700}.project_btn a,.project_btn a:hover{border:2px solid var(--primary_color)}.project_btn a:hover{background-color:var(--black_color);color:var(--primary_color)}.project_btn>a+a{margin-left:2rem}.project_category{display:flex;justify-content:center;align-items:center}.project_item{outline:none;background-color:var(--black_color);border:3px solid #bebebe73;color:#bebebe73;padding:.7rem 2.5rem;border-radius:4rem;font-size:1.5rem;cursor:pointer}.project_category button:hover{border:3px solid var(--primary_color);color:var(--primary_color)}.project_category>.project_item+.project_item{margin-left:1.7rem}.load_more{cursor:pointer;margin-top:40px;text-align:center;color:var(--primary_color);font-size:1.5rem;font-weight:400}.load_more:hover{color:var(--secondary_color)}.bg_offwhite{background-color:var(--offblack_color);width:100%;padding-top:1.5rem;padding-bottom:3rem}.ContactSection_title{color:var(--secondary_color);font-size:1.25rem}.ContactSection{align-items:center}.ContactSection,.contactform{display:flex;justify-content:space-between}.contactform{flex-basis:50%;flex-wrap:wrap}.input_flex{flex-basis:45%;margin-bottom:1.5rem;margin-top:1.5rem}.input_flex_Message{flex-basis:100%}label{display:inline-block;font-size:1.2rem;color:var(--primary_color);margin-bottom:.7rem}input,textarea{background-color:var(--black_color);outline:none;border:none;width:100%;padding:.7rem 1rem;color:var(--secondary_color);font-size:1.2rem}.contact_btn,.contact_btn_disabled{margin-top:.5rem;background-color:var(--primary_color);padding:.5rem 3rem;font-size:1.2rem;border:1px solid var(--primary_color);outline:none}.contact_btn:hover{background-color:var(--black_color);border-color:var(--primary_color);color:var(--primary_color)}.contact_detail{flex-basis:45%;display:flex;justify-content:space-between;align-content:center;flex-wrap:wrap}.contact_col{flex-basis:50%;margin-bottom:3rem}.contact_col .label{font-size:1.25rem;color:var(--primary_color);margin-bottom:.5rem}.link,.link a{color:var(--secondary_color)}.link>a+a{margin-left:1rem}.FooterSection{display:flex;justify-content:space-between;align-items:center;color:var(--secondary_color);min-height:80px}.FooterSection .footer_left a{color:var(--primary_color);font-size:1.3rem;font-weight:700}.FooterSection .footer_left a:hover{color:var(--secondary_color)}.footer_end{display:flex;justify-content:center}.footer_end i{display:inline-block;border-radius:55px;padding:.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .4s;background-color:var(--primary_color);color:var(--black_color)}.footer_end>*+*{margin-left:1rem}.footer_center{font-size:1rem}.footer_end i:hover{background-color:var(--MAIN_BLACK_COLOR);color:var(--GREEN_COLOR);transform:scale(1.3);box-shadow:0 10px 36px 0 rgba(26,160,136,.7),0 0 0 2px rgba(26,160,136,.7)}.Nav_min,.drawerNavlist,.navDrawer{display:none}.project_img{max-height:300px;margin-bottom:1rem}.project_img_animate{transition:transform 1s}.project_img Image{object-fit:contain;height:300px}.project_img_animate:hover{transform:scale(1.1)}.selected{border-color:var(--primary_color);color:var(--primary_color)}.SingleBlog{background-color:#fff;height:300px;width:700px}.blog_image{height:300px;width:450px}.blog_image,.blog_image image{object-fit:contain}.navDrawerOpen{transform:translateX(-100vw)}.bar1,.bar2,.bar3{background-color:var(--primary_color);height:4px;width:36px;margin:3px;border-radius:10px}.animateBar1{animation:flipBar1 1s forwards}.animateBar2{animation:flipBar2 1s forwards;z-index:2}.animateBar3{animation:flipBar3 1s forwards}.revAnimateBar1{animation:revFlipBar1 1s forwards}.revAnimateBar2{animation:revFlipBar2 1s forwards;z-index:2}.revAnimateBar3{animation:revFlipBar3 1s forwards}@keyframes flipBar1{0%{transform:rotate(0)}to{transform:rotate(45deg) translate(4px,10px)}}@keyframes flipBar2{0%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}@keyframes flipBar3{0%{transform:rotate(0)}to{transform:rotate(-45deg) translate(4px,-10px)}}@keyframes revFlipBar1{0%{transform:rotate(45deg) translate(4px,10px)}to{transform:rotate(0)}}@keyframes revFlipBar2{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes revFlipBar3{0%{transform:rotate(-45deg) translate(4px,-10px)}to{transform:rotate(0)}}@media only screen and (max-width:1222px){.SkillSection{flex-wrap:wrap}.SkillList{flex-basis:40%}.SkillSection>.SkillList+.SkillList{margin-left:1rem}.heroImg{width:100%}.heroImg_bg{width:60%;top:10%}}@media only screen and (max-width:1152px){.hero_flex{flex-direction:column-reverse;align-items:center;justify-content:center;text-align:center}#HeroSection{padding-top:4rem}.heroImg{width:100%}.heroImg_bg{width:50%;top:10%;left:30%}}@media only screen and (max-width:890px){.project_item{padding:.7rem 1.3rem}.project_category>.project_item+.project_item{margin-left:.7rem}#HeroSection{min-height:auto}.hero_footer{margin-top:45px}.hero_flex{flex-direction:column-reverse;align-items:center;justify-content:center;text-align:center}.hero_content .title{font-size:1.6rem}.profile{font-size:3rem}.desc{margin-top:.4rem;font-size:1.6rem;line-height:2.1rem;margin-bottom:1rem}.hero_btn>a{margin-bottom:2rem;font-size:1.4rem}.SkillSection>.SkillList+.SkillList{margin-left:0}}@media only screen and (max-width:630px){#HeroSection>.container{padding:0}.heroImg{width:100%;height:420px}.heroImg_bg{width:60%;top:10%;left:19%}#skills>.container{padding:0 1rem}.profile{font-size:1.8rem}.desc{font-size:1.2rem;margin-top:1.25rem}.SkillList{width:300px}.SkillList:hover{transform:scale(1);box-shadow:var(--boxShadow_primary)}.SingleProject{padding:1.5rem 1rem}.project_img:hover{transform:scale(1)}.Nav_min{display:flex;flex-direction:column;cursor:pointer;z-index:5;transition:all .5s}.Nav_min:hover{transform:scale(1.2)}.navDrawer{display:block;background-color:var(--MAIN_BLACK_COLOR);position:fixed;top:0;right:-100vw;transition:all .5s;text-align:center;z-index:0}.drawerNavlist{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#161616}.navDrawerOpen{transform:translateX(-100vw)}.drawerNavlist a{color:var(--primary_color);font-size:1.5rem;font-weight:700}.drawerNavlist a:hover{color:var(--secondary_color)}.min-nav{display:block}#NavbarSection{height:70px}.navlist{display:none}.navlogo a{font-size:1.5rem}.SkillSection{flex-direction:column;justify-content:center;align-items:center}.project_item{font-size:1.2rem;padding:.4rem .8rem}.project_category>.project_item+.project_item{margin-left:.5rem}.Title{font-size:2.3rem}.underline{width:150px}.subTitle{font-size:1.1rem}.about{padding:1.5rem .5rem}.about_title{font-size:1.6rem;line-height:1.9rem;margin-bottom:.7rem}.about p{margin:auto;max-width:53.25rem;color:var(--secondary_color);font-size:1.1rem;font-weight:400}.about>p+p{margin-top:1.5rem}.ContactSection_title{font-size:1.4rem}.ContactSection{flex-direction:column}.input_flex{flex-basis:100%;margin-bottom:0}.input_flex,.input_flex_Message{margin-top:1rem}.contactform{margin-bottom:2rem}label{font-size:1.1rem;margin-bottom:.4rem}input,textarea{background-color:var(--black_color);width:100%;padding:.7rem;color:var(--secondary_color);font-size:1.1rem}.contact_btn_disabled,.contactform .contact_btn{margin-top:1rem;width:100%;font-size:1.2rem}.contact_col,.contact_detail{flex-basis:100%}.contact_col{display:flex;margin-bottom:1rem;text-align:left}.contact_col .label{font-size:1.1rem;width:160px;margin-bottom:.2rem}.project_skill_item{margin:.4rem;padding:.4rem;border-radius:.2rem;font-size:.95rem}.project_title{font-size:1.6rem}.project_desc{margin-top:.7rem;text-align:center;margin-bottom:1rem;line-height:1.5rem}.project_desc,.project_desc button{font-size:1.1rem}.project_btn a{font-size:1rem;padding:.5rem 1rem;margin-top:0}.FooterSection .footer_left a{font-size:1.2rem}.footer_center{display:none}.contact_col .label{width:140px}}@media only screen and (max-width:450px){.heroImg{min-width:400px}.heroImg_bg{width:60%;top:15%}}@media only screen and (max-width:398px){.SkillList{width:300px}}@media only screen and (max-width:378px){.heroImg{min-width:280px;max-height:330px}#HeroSection{margin-bottom:3rem}.contact_col .label{font-size:1rem;width:105px}.SkillList{flex-basis:100%;min-width:auto}.hero_btn{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:-3rem}.container{padding:0 15px;margin:0}.hero_btn>a{width:80%}.hero_btn>a+a{margin-left:0}}@media only screen and (max-width:340px){.contact_col{font-size:.8rem;width:105px}.heroImg{max-height:310px}}