@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap";html{font-size:16px}body{font-family:Manrope,sans-serif}button{margin:0;padding:0;background:none;border:none;cursor:pointer;width:100%;height:max-content}body{margin:0;background-color:#050505}.grid-container{height:100vh;width:100vw;padding-top:2.6144vh;padding-bottom:2.6144vh;padding-left:1.1394vw;padding-right:1.1394vw;display:grid;box-sizing:border-box;grid-template-columns:14.3vw 14.2986vw 31.9313vw 28.0692vw;grid-template-rows:18.3457vh 28.1042vh 16.004vh 10.9297vh 10.9297vh;gap:1.5367vh;justify-content:center;align-content:center;grid-template-areas:" box-2 box-2 box-3 box-4" " box-5 box-6 box-7 box-4" " box-5 box-8 box-9 box-4" " box-5 box-10 box-9 box-4" " box-5 box-11 box-12 box-4"}@media(max-width:1100px){.grid-container{height:100%;width:auto;overflow-y:scroll;scrollbar-width:none;padding:1.5vh;display:grid;box-sizing:border-box;grid-template-columns:45vw 45vw;grid-template-rows:20vh 30vh 19vh 12vh 12vh 20vh 30vh 31vh 12vh 80vh;gap:1.5vh;grid-template-areas:" box-2 box-2 " " box-5 box-6 " " box-5 box-8 " " box-5 box-10 " " box-5 box-11 " " box-3 box-3 " " box-7 box-7 " " box-9 box-9 " " box-12 box-12 " " box-4 box-4 "}}.AboutMe__container{box-sizing:border-box;background-color:#101010;border:.13rem solid #1e1e1e;padding:1rem;height:100%;width:100%;border-radius:1.25rem;align-content:center;justify-content:center;overflow:hidden}.AboutMe__container-box{display:flex;flex-direction:row;gap:.9375rem;height:100%;width:100%}.AboutMe__image-box{display:flex;flex-shrink:0;height:100%;box-sizing:border-box;overflow:hidden;background-color:#916ce7;margin:0;border-radius:.75rem}.AboutMe__image-box img{width:100%;height:100%;object-fit:cover}.AboutMe__content-box{display:flex;flex-direction:column;justify-content:center;gap:1.3cqh}.AboutMe__name-resume{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.AboutMe__container h2{margin:0;color:#e6e6e6;font-size:1.375rem;font-weight:500}.AboutMe__container p{margin:0;color:#999;font-size:.875rem;font-weight:400}.AboutMe__download{display:flex;align-items:center;gap:.5rem}.AboutMe__download img{height:2rem;width:auto;object-fit:contain}#downloadR{font-size:.8125rem;color:#ccc}.ExpOne__container{box-sizing:border-box;background-color:#101010;border:.13rem solid #1e1e1e;padding:.75rem;border-radius:1.25rem;height:100%;width:100%;overflow:hidden;container-type:inline-size}.ExpOne__container-box{display:flex;flex-direction:column;height:100%;gap:0}.ExpOne__content-box{display:flex;flex-direction:column;gap:0;padding-bottom:.625rem;border-bottom:.13rem solid #1e1e1e}.ExpOne__heading{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0}.ExpOne__container h2{margin:0;color:#e6e6e6;font-size:1rem;font-weight:500;text-shadow:2px 0 black,-2px 0 black,0 2px black,0 -2px black,2px 2px black,-2px 2px black,2px -2px black,-2px -2px black}.ExpOne__container p{margin:0;color:#999;font-size:.875rem;font-weight:400;text-shadow:2px 0 black,-2px 0 black,0 2px black,0 -2px black,2px 2px black,-2px 2px black,2px -2px black,-2px -2px black}.ExpOne__bullet{margin:0;padding-top:.625rem;overflow-y:auto;scrollbar-width:none}.ExpOne__container ul{padding-left:.9375rem;margin:0}.ExpOne__container li{margin:0;color:#999;font-weight:400;text-shadow:2px 0 black,-2px 0 black,0 2px black,0 -2px black,2px 2px black,-2px 2px black,2px -2px black,-2px -2px black}.SkillOne__container{box-sizing:border-box;background-color:#101010;border:.13rem solid #1e1e1e;padding:.75rem;border-radius:1.25rem;height:100%;width:100%;container-type:inline-size;overflow:hidden}.SkillOne__container-box{display:flex;flex-direction:column;height:100%;gap:.625rem;align-content:center;justify-content:center}.SkillOne__content-box{display:flex;flex-direction:column;gap:0}.SkillOne__container p{margin:0;color:#999;font-size:.875rem;font-weight:400;text-shadow:2px 0 black,-2px 0 black,0 2px black,0 -2px black,2px 2px black,-2px 2px black,2px -2px black,-2px -2px black}.SkillOne__img{display:flex;flex-direction:column;margin:0;padding:0;gap:.375rem}.row-1,.row-2{margin:0;display:flex;justify-content:space-between}#hidden{visibility:hidden}.SkillOne__img img{margin:0;padding:0;width:15.1%}@container (width > 220px){.SkillOne__img img{width:13%}}@container (width > 260px){.SkillOne__img img{width:12%}}@container (width > 300px){.SkillOne__img img{width:11%}}@container (width > 340px){.SkillOne__img img{width:10%}}@container (width > 380px){.SkillOne__img img{width:9%}}@container (width > 420px){.SkillOne__img img{width:8%}}@container (width > 460px){.SkillOne__img img{width:7%}}.SkillTwo__container{box-sizing:border-box;background-color:#101010;border:.13rem solid #1e1e1e;padding:.75rem;border-radius:1.25rem;height:100%;width:100%;container-type:inline-size;overflow:hidden}.SkillTwo__container-box{display:flex;flex-direction:column;height:100%;gap:.625rem;align-content:center;justify-content:center}.SkillTwo__content-box{display:flex;flex-direction:column;gap:0}.SkillTwo__container p{margin:0;color:#999;font-size:.875rem;font-weight:400;text-shadow:2px 0 black,-2px 0 black,0 2px black,0 -2px black,2px 2px black,-2px 2px black,2px -2px black,-2px -2px black}.SkillTwo__img{display:flex;margin:0;justify-content:space-between}.SkillTwo__img img{margin:0;padding:0;width:15.1%}@container (width > 220px){.SkillTwo__img img{width:13%}}@container (width > 260px){.SkillTwo__img img{width:12%}}@container (width > 300px){.SkillTwo__img img{width:11%}}@container (width > 340px){.SkillTwo__img img{width:10%}}@container (width > 380px){.SkillTwo__img img{width:9%}}@container (width > 420px){.SkillTwo__img img{width:8%}}@container (width > 460px){.SkillTwo__img img{width:7%}}.SkillThree__container{box-sizing:border-box;background-color:#101010;border:.13rem solid #1e1e1e;padding:.75rem;border-radius:1.25rem;height:100%;container-type:inline-size;width:100%;overflow:hidden}.SkillThree__container-box{display:flex;flex-direction:column;height:100%;gap:.625rem;align-content:center;justify-content:center}.SkillThree__content-box{display:flex;flex-direction:column;gap:0}.SkillThree__container p{margin:0;color:#999;font-size:.875rem;font-weight:400;text-shadow:2px 0 black,-2px 0 black,0 2px black,0 -2px black,2px 2px black,-2px 2px black,2px -2px black,-2px -2px black}.SkillThree__img{display:flex;margin:0;justify-content:space-between}.SkillThree__img img{margin:0;padding:0;width:15.1%}@container (width > 220px){.SkillThree__img img{width:13%}}@container (width > 260px){.SkillThree__img img{width:12%}}@container (width > 300px){.SkillThree__img img{width:11%}}@container (width > 340px){.SkillThree__img img{width:10%}}@container (width > 380px){.SkillThree__img img{width:9%}}@container (width > 420px){.SkillThree__img img{width:8%}}@container (width > 460px){.SkillThree__img img{width:7%}}.EduCert__container{box-sizing:border-box;background-color:#101010;border:.13rem solid #1e1e1e;padding:.75rem;border-radius:1.25rem;height:100%;overflow:hidden}.EduCert__container-box{display:flex;flex-direction:column;height:100%;gap:0}.EduCert__content-box{display:flex;height:100%;flex-direction:column;justify-content:space-between}.EduCert__content-box1{display:flex;flex-direction:column;gap:0;padding-bottom:.625rem;border-bottom:.13rem solid #1e1e1e}.EduCert__content-box2{display:flex;flex-direction:column;gap:0}.EduCert__heading{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0}.EduCert__scrollable{overflow-y:auto;scrollbar-width:none}.EduCert__container h2{margin:0;color:#e6e6e6;font-size:1rem;font-weight:500;text-shadow:2px 0 black,-2px 0 black,0 2px black,0 -2px black,2px 2px black,-2px 2px black,2px -2px black,-2px -2px black}.EduCert__container p{margin:0;color:#999;font-size:.875rem;font-weight:400;text-shadow:2px 0 black,-2px 0 black,0 2px black,0 -2px black,2px 2px black,-2px 2px black,2px -2px black,-2px -2px black}.Interests__container{box-sizing:border-box;background-color:#101010;border:.13rem solid #1e1e1e;padding:1rem;border-radius:1.25rem;height:100%;width:100%;container-type:inline-size;overflow:hidden}.Interests__boxbox{box-sizing:border-box;background-color:#191919;border:.13rem solid #1e1e1e;padding:.3125rem .75rem;border-radius:2.5rem;margin:0;color:#ccc;font-size:.8125rem;font-weight:400}.Interests__container-box{display:flex;flex-direction:column;justify-content:center;height:100%;gap:.625rem}.Interests__heading{margin:0;display:flex;flex-direction:column;gap:0}.Interests__content{margin:0;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:.625rem}.Interests__container p{margin:0;color:#999;font-size:.875rem;font-weight:400;text-shadow:2px 0 black,-2px 0 black,0 2px black,0 -2px black,2px 2px black,-2px 2px black,2px -2px black,-2px -2px black}@container (width <= 260px){.Interests__boxbox{font-size:.375rem}}@container (width > 260px){.Interests__boxbox{font-size:.41875rem}}@container (width > 300px){.Interests__boxbox{font-size:.4625rem}}@container (width > 320px){.Interests__boxbox{font-size:.50625rem}}@container (width > 335px){.Interests__boxbox{font-size:.55rem}}@container (width > 350px){.Interests__boxbox{font-size:.59375rem}}@container (width > 365px){.Interests__boxbox{font-size:.6375rem}}@container (width > 380px){.Interests__boxbox{font-size:.68125rem}}@container (width > 405px){.Interests__boxbox{font-size:.725rem}}@container (width > 420px){.Interests__boxbox{font-size:.76875rem}}@container (width > 435px){.Interests__boxbox{font-size:.8125rem}}@container (width > 450px){.Interests__boxbox{font-size:.8125rem}}.Port__container{margin:0;box-sizing:border-box;background-color:#101010;border:.13rem solid #1e1e1e;padding:.75rem;border-radius:1.25rem;height:100%;overflow:hidden;container-type:inline-size;width:100%}.Port__boxbox{display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box;background-color:#191919;border:.13rem solid #1e1e1e;padding:.3125rem .625rem;border-radius:2.5rem;gap:.625rem;margin:0}.Port__boxbox img{width:1rem;margin:0;padding:0}.Port__container-box{display:flex;margin:0;flex-direction:column;justify-content:center;height:100%;gap:.625rem}.Port__heading{margin:0;padding:0;gap:0}.Port__content{margin:0;display:flex;flex-wrap:wrap;justify-content:space-between}#min-con{width:min-content;white-space:nowrap}.Port__container p{margin:0;color:#999;font-size:.875rem;font-weight:400;text-shadow:2px 0 black,-2px 0 black,0 2px black,0 -2px black,2px 2px black,-2px 2px black,2px -2px black,-2px -2px black}.Port__container h1{margin:0;color:#ccc;font-size:.8125rem;font-weight:400}@container (width <= 220px){.Port__container h1{display:none}}@container (width <= 300px){.Port__container h1{display:none}}@container (width > 300px){.Port__container h1{font-size:.375rem}}@container (width > 320px){.Port__container h1{font-size:.4275rem}}@container (width > 335px){.Port__container h1{font-size:calc(7.61rem/16)}}@container (width > 350px){.Port__container h1{font-size:.52375rem}}@container (width > 365px){.Port__container h1{font-size:calc(9.15rem/16)}}@container (width > 380px){.Port__container h1{font-size:.62rem}}@container (width > 405px){.Port__container h1{font-size:calc(10.69rem/16)}}@container (width > 420px){.Port__container h1{font-size:.71625rem}}@container (width > 435px){.Port__container h1{font-size:calc(12.23rem/16)}}@container (width > 450px){.Port__container h1{font-size:.8125rem}}.Contact__container{margin:0;box-sizing:border-box;background-color:#101010;border:.13rem solid #1e1e1e;padding:1.25rem;border-radius:1.25rem;height:100%;width:100%;container-type:inline-size;overflow:hidden}.Contact__container_in{display:flex;flex-direction:column;justify-content:space-between;height:100%}.Contact__container_inside{margin:0;box-sizing:border-box;background-color:#141414;border:.13rem solid #1e1e1e;padding:.75rem;border-radius:.625rem;overflow:hidden}.Contact__boxbox{display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box;background-color:#191919;border:.13rem solid #1e1e1e;padding:.3125rem .625rem;border-radius:2.5rem;gap:.625rem;margin:0}.Contact__boxbox img{width:1rem;margin:0;padding:0}.Contact__container-box{display:flex;margin:0;flex-direction:column;justify-content:center;height:100%;gap:.625rem}.Contact__heading{margin:0;padding:0;gap:0}.Contact__content{margin:0;display:flex;flex-wrap:wrap;row-gap:.625rem;justify-content:space-between}.Contact__button_box{display:flex;gap:.75rem;width:100%}.Contact__button{display:flex;justify-content:center;align-items:center;margin:0;box-sizing:border-box;background-color:#1f1f1f;padding:1rem;border-radius:.625rem;overflow:hidden;gap:.625rem;width:100%}.Contact__button img{width:1.25rem;height:1.25rem;margin:0;padding:0}.Contact__button h1{white-space:nowrap}@container (width <= 360px){.Contact__button .optional{display:none}}.Contact__container h1{margin:0;color:#ccc;font-size:.8125rem;font-weight:400}@container (width <=300px){.Contact__content h1{display:none}}@container (width > 300px){.Contact__content h1{font-size:.375rem}.Contact__boxbox img{width:.625rem;margin:0;padding:0}}@container (width > 320px){.Contact__content h1{font-size:.4rem}.Contact__boxbox img{width:calc(10.75rem/16);margin:0;padding:0}}@container (width > 335px){.Contact__content h1{font-size:.4375rem}.Contact__boxbox img{width:.71875rem;margin:0;padding:0}}@container (width > 350px){.Contact__content h1{font-size:.4375rem}.Contact__boxbox img{width:calc(12.25rem/16);margin:0;padding:0}}@container (width > 365px){.Contact__content h1{font-size:.5rem}.Contact__boxbox img{width:.8125rem;margin:0;padding:0}}@container (width > 380px){.Contact__content h1{font-size:.53125rem}.Contact__boxbox img{width:.8125rem;margin:0;padding:0}}@container (width > 405px){.Contact__content h1{font-size:calc(9.111rem/16)}.Contact__boxbox img{width:.90625rem;margin:0;padding:0}}@container (width > 420px){.Contact__content h1{font-size:calc(9.555rem/16)}.Contact__boxbox img{width:calc(15.25rem/16);margin:0;padding:0}}@container (width > 435px){.Contact__content h1{font-size:.625rem}.Contact__boxbox img{width:1rem;margin:0;padding:0}}@container (width > 450px){.Contact__content h1{font-size:.63125rem}.Contact__boxbox img{width:1.00625rem;margin:0;padding:0}}.Proj__container{box-sizing:border-box;background-color:#101010;border:.13rem solid #1e1e1e;padding:.75rem;border-radius:1.25rem;height:100%;overflow:hidden}.Proj__container-box{display:flex;flex-direction:column;height:100%;gap:.625rem}.Proj__content-box{gap:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0}.Proj__projects{margin:0;display:flex;flex-direction:column;gap:.625rem;overflow-y:auto;scrollbar-width:none}.Proj__projects button{height:100%}.Proj__project{margin:0;display:flex;background-color:#191919;justify-content:space-between;align-items:center;box-sizing:border-box;border:.13rem solid #1e1e1e;padding:.4375rem .75rem;border-radius:.75rem;gap:.5rem}.Proj__image{display:flex;align-items:center;justify-content:center;background-color:#282828;width:60%;border-radius:.75rem;aspect-ratio:1/1}.Proj__image img{width:70%;height:auto;aspect-ratio:1/1;object-fit:contain}.Proj__disc{display:flex;flex-direction:column;justify-content:center;align-items:start;width:100%}.Proj__probutton{display:flex;flex-direction:column;height:70%;gap:.625rem;justify-content:center}.Proj__probutton img{width:.875rem}.Proj__probutton1{display:flex;justify-content:center;align-items:center;background-color:#6b9611;padding-left:.25rem;padding-right:.25rem;border-radius:.3rem;height:100%;gap:.3125rem}.Proj__probutton2{display:flex;gap:.125rem;justify-content:space-around;align-items:center;background-color:#916ce7;padding-left:.3125rem;padding-right:.3125rem;border-radius:.3rem;height:100%}.Proj__container h2{margin:0;color:#e6e6e6;font-size:calc(.7cqw + .7cqh);font-weight:500;text-shadow:2px 0 black,-2px 0 black,0 2px black,0 -2px black,2px 2px black,-2px 2px black,2px -2px black,-2px -2px black}.Proj__container p{margin:0;color:#999;font-size:calc(.57cqw + .57cqh);font-weight:400;text-shadow:2px 0 black,-2px 0 black,0 2px black,0 -2px black,2px 2px black,-2px 2px black,2px -2px black,-2px -2px black}.Proj__container h3{margin:0;color:#fff;font-size:calc(.7cqw + .7cqh);font-weight:400}.SideBar__container{box-sizing:border-box;background-color:#101010;border-top:.13rem solid #1e1e1e;border-right:.13rem solid #1e1e1e;border-left:.13rem solid #1e1e1e;padding:.75rem;border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;height:93%;overflow:hidden}.SideBar__container-box{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;width:100%}.SideBar__content1{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:20%;height:100%;width:100%}.SideBar__content2{display:flex;flex-direction:column;justify-content:space-between;height:88%;width:100%}.SideBar__content3{display:flex;flex-direction:column;align-items:center;height:max-content;width:100%;gap:.75rem}.SideBar__content4{display:flex;flex-direction:column;align-items:center;justify-content:end;gap:.75rem;height:max-content;width:100%}.SideBar__toggle{display:flex;justify-content:center;align-items:center;background-color:#363636;height:7%;border-bottom:.13rem solid #1e1e1e;border-right:.13rem solid #1e1e1e;border-left:.13rem solid #1e1e1e;border-bottom-left-radius:1.25rem;border-bottom-right-radius:1.25rem}.SideBar__toggle img{width:50%}.SideBar__container img{width:75%}.ExpTwo__container{box-sizing:border-box;background-color:#101010;border:.13rem solid #1e1e1e;padding:.75rem;border-radius:1.25rem;height:100%;overflow:hidden}.ExpTwo__container-box{display:flex;flex-direction:column;height:100%;gap:0}.ExpTwo__content-box{display:flex;flex-direction:column;gap:0;padding-bottom:.625rem;border-bottom:.13rem solid #1e1e1e}.ExpTwo__heading{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0}.ExpTwo__container h2{margin:0;color:#e6e6e6;font-size:1rem;font-weight:500;text-shadow:2px 0 black,-2px 0 black,0 2px black,0 -2px black,2px 2px black,-2px 2px black,2px -2px black,-2px -2px black}.ExpTwo__container p{margin:0;color:#999;font-weight:400;text-shadow:2px 0 black,-2px 0 black,0 2px black,0 -2px black,2px 2px black,-2px 2px black,2px -2px black,-2px -2px black}.ExpTwo__bullet{margin:0;padding-top:.625rem;overflow-y:auto;scrollbar-width:none}.ExpTwo__container ul{padding-left:.9375rem;margin:0}.ExpTwo__container li{margin:0;color:#999;font-weight:400;text-shadow:2px 0 black,-2px 0 black,0 2px black,0 -2px black,2px 2px black,-2px 2px black,2px -2px black,-2px -2px black}