:root{--clr-dark:#070a13;--clr-light:#f1f5f9;--clr-slate400:#94a3b8;--clr-slate600:#475569;--clr-slate800:#1e293b;--clr-rose:#e11d48;--clr-indigo:#4f46e5;--size-xxs:.5rem;--size-xs:.75rem;--size-sm:.875rem;--size-base:1rem;--size-lg:1.255rem;--size-xl:1.25rem;--size-2xl:1.5rem;--size-3xl:1.875rem;--size-4xl:2.25rem;--size-5xl:3rem;--size-6xl:3.75rem;--size-7xl:4.5rem;--size-8xl:6rem;--size-9xl:8rem;--size-10xl:10rem}*{margin:0;padding:0;line-height:calc(1em + .5rem)}h1{font-size:2em}html{scroll-behavior:smooth}.light_mode{--clr-light:#070a13;--clr-dark:#f1f5f9;--clr-slate400:#1e293b;--clr-slate600:#1e293b;--clr-slate800:#1e293b}body{font-family:General Sans,sans-serif;color:var(--clr-light);background-color:var(--clr-dark)}img,picture,video,canvas,svg{display:block;max-width:100%;-webkit-user-select:none;user-select:none}button{display:inline-block;padding:0;border:none;background:none;cursor:pointer}.btn{display:inline;font-weight:600;text-decoration:none;letter-spacing:-.05em;background-color:var(--clr-rose);color:#f1f5f9;color:var(--clr-light);padding:.5em 1em;border-radius:6px;box-shadow:0 10px 20px #e11d4880,0 6px 6px #e11d4880,0 0 100px -10px var(--clr-rose);transition:transform .3s,box-shadow .3s}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 28px #de1d4840,0 10px 10px #e11d4838,0 0 120px -10px var(--clr-rose)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem}.section{margin-top:5rem}strong{color:var(--clr-indigo)}a{color:var(--clr-rose)}.header{display:flex;justify-content:flex-end;align-items:center;padding-top:2rem;padding-bottom:2rem;position:relative;z-index:9999}.header_menu{display:none}.fa-bars{display:block;color:var(--clr-light);height:var(--size-3xl);width:var(--size-3xl);font-size:var(--size-xl)}@media (min-width:475px){.container{max-width:475px}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}.header_menu{display:flex;align-items:center;list-style:none;padding:0;gap:2em}.header_link{font-size:var(--size-xs);border:none;text-decoration:none;font-weight:600;color:var(--clr-slate600);letter-spacing:-.05em;transition:color .3s}.header_link:hover{color:var(--clr-rose)}.header_line{border:1px solid var(--clr-slate600);padding-top:1.5em}.header_sun{color:var(--clr-slate600);width:var(--size-base);height:var(--size-base);display:block}.header_resume{font-size:var(--size-xs)}.fa-bars{display:none}}@media (min-width:1024px){.container{max-width:1024px}.header_link{font-size:var(--size-sm);border:none;text-decoration:none;font-weight:600;color:var(--clr-slate600);letter-spacing:-.05em;transition:color .3s}.header_link:hover{color:var(--clr-rose)}.header_line{border:1px solid var(--clr-slate600);padding-top:1.5em}.header_sun{color:var(--clr-slate600);width:var(--size-xl);height:var(--size-xl);display:block}.header_resume{font-size:var(--size-sm)}.fa-bars{display:none}}@media (min-width:1280px){.container{max-width:1280px}.header_link{font-size:var(--size-base);border:none;text-decoration:none;font-weight:700;color:var(--clr-slate600);letter-spacing:-.05em;transition:color .3s}.header_link:hover{color:var(--clr-rose)}.header_line{border:1px solid var(--clr-slate600);padding-top:1.7em}.header_sun{color:var(--clr-slate600);width:var(--size-2xl);height:var(--size-2xl);display:block}.header_resume{font-size:var(--size-xl)}.fa-bars{display:none}}@media (min-width:1536px){.container{max-width:1536px}.header_link{font-size:var(--size-lg);border:none;text-decoration:none;font-weight:600;color:var(--clr-slate600);letter-spacing:-.05em;transition:color .3s}.header_link:hover{color:var(--clr-rose)}.header_line{border:1px solid var(--clr-slate600);padding-top:1.8em}.header_sun{color:var(--clr-slate600);width:var(--size-2xl);height:var(--size-2xl);display:block}.header_resume{font-size:var(--size-lg)}.fa-bars{display:none}}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.hero_img{height:6rem;width:6rem;border-radius:50%}.hero_subtitle{color:var(--clr-slate800);font-size:var(--size-base)}.hero_title{font-family:arial;font-weight:800;color:var(--clr-slate400);text-transform:uppercase;font-size:var(--size-4xl);letter-spacing:-.05em;line-height:1}.hero_discription{font-size:var(--size-sm);color:var(--clr-slate600);max-width:60ch}.hero_discription strong{color:var(--clr-indigo)}.hero_btn{text-transform:capitalize;font-size:var(--size-sm)}@media (min-width:475px){.hero{gap:1.5rem}.hero_img{height:6.5rem;width:6.5rem}.hero_subtitle{font-size:var(--size-lg)}.hero_title{font-size:var(--size-5xl)}.hero_discription{font-size:var(--size-base)}.hero_btn{text-transform:capitalize;font-size:var(--size-base)}}@media (min-width:1024px){.hero_img{height:8rem;width:8rem}.hero_subtitle{font-size:var(--size-2xl)}.hero_title{font-size:var(--size-7xl)}.hero_discription,.hero_btn{font-size:var(--size-lg)}}@media (min-widht:1080px){.hero{gap:2rem}.hero_img{height:10rem;width:10rem}.hero_subtitle{font-size:var(--size-4xl)}.hero_title{font-size:var(--size-9xl)}.hero_discription,.hero_btn{font-size:var(--size-xl)}}.about,.about_content{display:flex;flex-direction:column;gap:1rem}.about_title{font-size:var(--size-2xl);color:var(--clr-light)}.about_discription{max-width:60ch;font-size:var(--size-sm);color:var(--clr-slate600)}.about_hr{border-color:var(--clr-slate800)}.about_subtitle{font-size:var(--size-sm);color:var(--clr-slate400)}.about_ul_container{display:flex;flex:1}.about_ul{display:flex;flex-direction:column;gap:1em;padding-left:1em;flex:1}.about_ul li{font-size:var(--size-base);list-style:none;color:var(--clr-slate600)}@media (min-width:475px){.about,.about_content{gap:1.5rem}.about_title{font-size:var(--size-3xl)}.about_discription,.about_subtitle{font-size:var(--size-base)}.about_ul li{font-size:var(--size-sm);color:var(--clr-slate600);list-style-type:none}}@media (min-width:640px){.image_wrapper{margin:0 auto}.about_img{width:28.5rem}}@media (min-width:1024px){.about{flex-direction:row;justify-content:space-between;align-items:center}.about_title{font-size:var(--size-4xl)}.about_discription,.about_subtitle,.about_ul li{font-size:var(--size-lg)}.about_img{width:30.1rem}}@media (min-widh:1280px){.about_content{gap:2rem}.about_title{font-size:var(--size-5xl)}.about_discription,.about_subtitle,.about_ul li{font-size:var(--size-xl)}.about_img{width:32.1rem}}.featured_subtitle{font-size:var(--size-base);color:var(--clr-indigo);text-transform:capitalize;font-weight:500}.featured_title{font-size:var(--size-2xl);color:var(--clr-light)}.featured_link{color:var(--clr-rose);padding-left:1rem}.featured_discription{max-width:60ch;color:var(--clr-slate600);font-size:var(--size-sm);margin:1rem 0}.featured_lable{font-size:var(--size-base);text-transform:capitalize;margin-bottom:.25em}.featured_tech_stack{padding:0;list-style:none}.featured_info{text-transform:capitalize;color:var(--clr-slate600);font-size:var(--size-base)}.featured_info_container{display:flex;gap:1rem;flex-wrap:wrap}.featured_info_container div{flex:1;min-width:200px}.featured_img_container{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem}.featured_img_wrapper{position:relative}.featured_img_wrapper:after{content:"";background-color:#4f46ff80;height:100%;width:100%;position:absolute;top:0;left:0;z-index:1;transition:background-color .3s}.featured_img_wrapper:hover:after{background-color:#4f46ff1a}.featured_img_wrapper{transition:transform 3s}.featured_img_wrapper:hover{transform:rotateX(-360deg)}@media (min-width:475px){.featured_subtitle{font-size:var(--size-lg)}.featured_title{font-size:var(--size-3xl)}.featured_discription{font-size:var(--size-base);margin:1.5rem 0}.featured_lable{font-size:var(--size-lg)}.featured_info{font-size:var(--size-base)}.featured_img_container{margin-top:1.5rem;grid-gap:1.5rem}}@media (min-width:640px){.featured_img_container{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}}@media (min-width:1024px){.featured_subtitle{font-size:var(--size-xl)}.featured_title{font-size:var(--size-4xl)}.featured_discription{font-size:var(--size-lg)}.featured_lable{font-size:var(--size-xl);margin-bottom:.5em}.featured_info{font-size:var(--size-lg)}}@media (min-width:1280px){.featured_subtitle{font-size:var(--size-2xl)}.featured_title{font-size:var(--size-5xl)}.featured_discription{font-size:var(--size-xl);margin:2rem 0}.featured_lable{font-size:var(--size-2xl);margin-bottom:.5em}.featured_info{font-size:var(--size-xl)}.featured_img_container{margin-top:2rem;grid-gap:2rem}}.work{text-align:center}.work_title{font-size:var(--size-2xl);color:var(--clr-light)}.work_discription{max-width:60ch;font-size:var(--size-sm);color:var(--clr-slate600);margin:1rem auto}.work_project_title{font-size:var(--size-base);margin-bottom:1rem}.work_img_wrapper{position:relative}.work_img_wrapper:after{content:"";background-color:#4f46ff80;height:100%;width:100%;position:absolute;top:0;left:0;z-index:1;transition:background-color .3s}.work_img_wrapper:hover:after{background-color:#4f46ff4d}.work_project:not(:last-child){padding-bottom:5rem}.work_project_discription1{margin:1rem 0;color:var(--clr-slate600);font-size:var(--size-sm)}.work_project_discription2{color:var(--clr-slate400);font-size:var(--size-sm);margin-bottom:1rem}.work_project_btn{font-size:var(--size-sm);display:inline-block}.work_project_subtitle{display:none}@media (min-with:475px){.work_title{font-size:var(--size-3xl)}.work_discription{font-size:var(--size-base);margin:1.5rem auto}.work_project_title{font-size:var(--size-lg);margin-bottom:1.5rem}.work_project_discription1{margin:1.5rem 0;font-size:var(--size-base)}.work_project_discription2{font-size:var(--size-base);margin-bottom:1.5rem}.work_project_btn{font-size:var(--size-base)}}@media (min-width:640px){.work_container{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"image1 content1" "content2 image2" "image3 content3" "content4 image4" "image5 content5" "content6 image6";place-items:center}.work_img1{grid-area:image1}.work_img2{grid-area:image2}.work_img3{grid-area:image3}.work_img4{grid-area:image4}.work_img5{grid-area:image5}.work_img6{grid-area:image6}.work_content1{grid-area:content1}.work_content2{grid-area:content2}.work_content3{grid-area:content3}.work_content4{grid-area:content4}.work_content5{grid-area:content5}.work_content6{grid-area:content6}.work_project{padding:0 1rem}.work_project_title{display:none}.work_project_discription1{margin:1sem 0;font-size:var(--size-xs)}.work_project_discription2{font-size:var(--size-xs);margin-bottom:1em}.work_project_btn{font-size:var(--size-xs)}.work_project:not(:last-child){margin-bottom:0}.work_project_subtitle{display:block;font-size:var(--size-base)}}@media (min-width:768px){.work_project_discription1,.work_project_discription2,.work_project_btn{font-size:var(--size-sm)}.work_project_subtitle{font-size:var(--size-lg)}}@media (min-width:1024px){.work_title{font-size:var(--size-4xl)}.work_discription{font-size:var(--size-lg)}.work_project_discription1,.work_project_discription2,.work_project_btn{font-size:var(--size-base)}.work_project_subtitle{font-size:var(--size-xl)}}@media (min-width:1280px){.work_title{font-size:var(--size-5xl)}.work_discription{font-size:var(--size-xl);margin:2rem auto}.work_project_discription1,.work_project_discription2,.work_project_btn{font-size:var(--size-lg)}.work_project_subtitle{font-size:var(--size-2xl)}.work_container{width:80%;margin:0 auto}}@media (min-width:1536px){.work_container{width:70%}}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.contact_title{font-size:var(--size-2xl);text-transform:capitalize;color:var(--clr-light)}.contact_description{color:var(--clr-slate600);font-size:var(--size-sm);max-width:60ch}.contact_btn{font-size:var(--size-sm)}@media (min-width:475x){.contact{gap:1.5rem}.contact_title{font-size:var(--size-3xl)}.contact_description,.contact_btn{font-size:var(--size-base)}}@media (min-width:1024px){.contact_title{font-size:var(--size-4xl)}.contact_description,.contact_btn{font-size:var(--size-lg)}}@media (min-width:1280px){.contact{gap:2rem}.contact_title{font-size:var(--size-5xl)}.contact_description,.contact_btn{font-size:var(--size-xl)}}.footer_title{font-size:var(--size-xs);color:var(--clr-slate600);text-transform:uppercase;text-align:center;font-weight:400;letter-spacing:.2em;-webkit-user-select:none;user-select:none}.mobile_nav{position:fixed;top:0;left:0;z-index:999;height:100%;width:100%;background-color:var(--clr-dark);display:none;justify-content:center;align-items:center;text-align:center}.mobile_nav_menu{display:flex;flex-direction:column;justify-content:center;align-items:center;list-style:none;gap:1rem}.mobile_nav_link{font-size:var(--size-sm);text-decoration:none;font-weight:600;color:var(--clr-slate600);letter-spacing:-.05em;transition:color .3s}.mobile_nav_link:hover{color:var(--clr-rose)}.mobile_nav_link_line{border:1px solid var(--clr-slate800);padding-right:1.5em}.mobile_nav_sun{height:var(--size-xl);width:var(--size-xl);color:var(--clr-slate600)}.mobile_nav_btn{font-size:var(--size-sm);color:var(--clr-light)}