body{overflow-x:hidden;background-color:#000}.loader{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#202020}.word{position:absolute;font-size:40px;font-weight:700;margin:5px;-webkit-text-stroke:.9px rgb(254,238,217);-webkit-text-fill-color:black}.nav{position:relative;display:flex;justify-content:space-between;align-items:center;padding:30px;z-index:10;color:#fff;background-color:#000}.logo{width:40%;margin-left:60px}.logo h1{font-size:20px;margin:0}.logo h1{color:#fff;font-weight:700;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.menu-toggle{display:none;cursor:pointer}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:25px;height:20px}.hamburger span{display:block;width:100%;height:2px;background-color:#fff;transition:all .3s ease}.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.open span:nth-child(2){opacity:0}.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.nav-menu{width:60%;display:flex;justify-content:flex-end;align-items:center}.nav-menu.open{display:block}.nav-menu ul{display:flex;list-style:none;padding:0;margin:0 60px 0 0;font-size:18px}.nav-menu .link{margin-right:20px;text-decoration:none;color:#fff;font-weight:300}.nav-menu .link.active{color:green}.nav-menu .link.active{color:#fff;font-weight:600;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}@media screen and (max-width: 768px){.menu-toggle{display:block}.logo{margin-left:0}.nav-menu{display:none;position:absolute;height:100vh;top:100%;left:0;right:0;width:100%;background-color:#000;padding:20px}.nav-menu ul{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.nav-menu .link{margin-right:0;margin-bottom:15px;margin-left:10px;color:#fff;font-size:28px;font-weight:400}.nav-menu.open{display:block}.nav.open{background-color:#000}.logo.open{color:#fff}.hamburger.open span{background-color:#fff}}.hero{position:relative;width:100%;height:650px;display:flex;flex-direction:row}.left-hero,.right-hero{position:relative;color:#3ccf91}.left-hero{width:50%;padding:20px;margin-left:60px;display:flex;flex-direction:column;justify-content:center}.left-hero h1{font-weight:700;margin:0;color:#fff}.left-hero h1 span{font-weight:700;font-size:50px}.left-hero h1 span{color:#fff;font-weight:700;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.left-hero h1:nth-child(4){line-height:1;font-weight:700;color:#8f9094}.left-hero img{width:80px;height:40px}.socials{display:flex;gap:20px;margin-top:20px}.socials a{text-decoration:none;color:#fff}.socials .fa-brands{font-size:25px}.buttons{display:flex;gap:10px;margin-top:20px}.buttons button{width:160px;height:40px;font-size:18px;font-weight:400;text-align:center;letter-spacing:2px;background-color:transparent;border-radius:10px;border:1px solid #ffffff;transition:.5s;position:relative;overflow:hidden;cursor:pointer;z-index:10;color:#fff}.buttons button:after,.buttons button:before{content:"";display:block;height:100%;width:100%;transform:skew(90deg) translate(-50%,-50%);position:absolute;top:50%;right:50%;bottom:50%;left:25%;z-index:-100;transition:.2s ease-out;background-color:#fff}.buttons button:before{top:-50%;left:-25%;transform:skew(90deg) rotate(180deg) translate(-50%,-50%)}.buttons button:hover:before{transform:skew(45deg) rotate(180deg) translate(-50%,-50%)}.buttons button:hover:after{transform:skew(45deg) translate(-50%,-50%)}.buttons button:hover{color:#000}.right-hero{width:50%;display:flex;padding:20px;margin-right:60px;justify-content:center;align-items:center}.hero-img{width:400px;height:400px}.hero-img img{width:100%;height:100%;object-fit:cover;border-radius:50%}@media (max-width: 1200px){.left-hero,.right-hero{width:45%}}@media (max-width: 992px){.left-hero,.right-hero{width:100%;text-align:center}.hero{flex-direction:column-reverse;height:auto}.left-hero{margin-left:0;align-items:center}.right-hero{margin-right:0}.hero-img{width:300px;height:300px}}@media (max-width: 768px){.socials{justify-content:center}.left-hero h1 span{font-size:25px;text-align:center}.left-hero h1:nth-child(4){font-size:28px;line-height:1;font-weight:700;color:#8f9094}.buttons{justify-content:center}.buttons button{width:140px;height:35px;font-size:16px}.hero-img{width:250px;height:250px}}@media (max-width: 576px){.left-hero,.right-hero{padding:20px 0}.left-hero h1{font-size:20px;text-align:center;line-height:normal}.left-hero h1 span{font-size:20px}.left-hero img{width:50px;height:40px}.buttons button{width:150px;height:50px;font-size:14px}.hero-img{width:200px;height:200px}}.about{width:100%;height:auto;background-color:#000}.about h1{margin:0;text-transform:uppercase;font-size:300px;font-family:Poppins,sans-serif;font-weight:500;line-height:1.2;letter-spacing:10px;-webkit-text-stroke:2px rgb(255,255,255);-webkit-text-fill-color:rgb(0,0,0)}.bio{height:auto;margin:10px 60px}.bio p{margin:0;color:#8f9094;font-size:20px;font-weight:300;line-height:1.8;text-align:justify;word-wrap:break-word;word-break:break-all}.bio p span{color:#3ccf91;font-weight:500}.bio p span{color:#fff;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 15s infinite linear;animation-fill-mode:forwards}@media (max-width: 768px){.bio{margin:10px 25px}}@media (max-width: 576px){.bio{margin:10px 20px}.bio p{font-size:20px}}.education{background-color:#000;color:#fff}.education h1{font-size:26px;margin:40px 0 40px 60px;font-weight:500}.education h1{color:#fff;font-weight:500;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.education-info{display:flex;flex-direction:column;gap:20px;padding:0}.education .school{margin:0 60px;display:flex;flex-direction:row;gap:25px}.education .school img{width:100%;max-width:400px;object-fit:cover}.school-info{display:flex;flex-direction:column;justify-content:center;width:100%;padding:0 20px;box-shadow:1px 1px 0 .3px #3ccf91;--webkit-box-shadow: 1px 1px 0px .3px #3ccf91;--moz-box-shadow: 1px 1px 0px .3px #3ccf91;border-radius:10px}.school-info h2{margin:5px 0;font-size:20px;font-size:18px;font-weight:400}.school-info h3{margin:0;font-size:17px;color:#8f9094;font-weight:500}.school-info p span{color:#3ccf91;font-size:15px}@media (max-width: 1200px){.education h1{margin-left:60px}.education .school{margin:0 60px;flex-direction:row}.school-info{width:50%}}@media (max-width: 992px){.education .school img{max-width:300px}}@media (max-width: 768px){.education h1{margin-left:20px;font-size:2em}.education .school{margin:0 20px;display:flex;flex-direction:column;gap:25px}.education .school img{max-width:100%}.school-info{width:100%;padding:20px 0}.school-info h2{font-size:18px}.school-info h3,.school-info p span{font-size:16px}}@media (max-width: 576px){.education h1{margin-left:20px;font-size:2em}.education .school{margin:0 20px;flex-direction:column;align-items:center;justify-content:center}.education .school img{max-width:100%}.school-info{width:100%;padding:20px 0}.school-info h2{font-size:18px}.school-info h3,.school-info p span{font-size:16px}}.skills{width:90%;margin:50px auto}.frontend{width:100%;padding:30px 0;display:flex;flex-direction:column;justify-content:center;text-align:center}.frontend h1{font-weight:500;font-size:23px}.frontend h1{color:#fff;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.frontend-logos{display:flex;width:90%;margin:0 auto;justify-content:center;gap:20px;padding:30px 0}.frontend-logos img{width:120px;height:80px;object-fit:contain}.backend-logos{display:flex;width:90%;margin:0 auto;justify-content:center;gap:20px;padding:30px 0}.backend-logos img{width:120px;height:100px;object-fit:contain}@media (max-width: 768px){.skills{width:97%;margin:0 auto}.skills h1{font-size:22px;margin:10px 20px}.frontend{width:97%;text-align:start}.frontend-logos{justify-content:start;gap:10px;flex-wrap:wrap}.frontend-logos img{width:80px;height:80px}.backend-logos{justify-content:start}.backend-logos img{width:90px;height:90px}}@media (max-width: 400px){.skills{width:95%;margin:0 auto}.skills h1{text-align:center}.frontend{width:95%;margin:0 10px;padding:20px 0;text-align:start}.frontend-logos{flex-direction:column;align-items:center;gap:10px;padding:20px 0}.frontend-logos img{width:80px;height:60px}.backend-logos{flex-direction:column;align-items:center;gap:10px;padding:20px 0}.backend-logos img{width:80px;height:80px}}.projects{width:100%;color:#000;display:flex;flex-direction:column;align-items:center}.projects h1{color:#fff;font-size:26px;margin:0 60px;font-weight:500;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.projects-container{display:flex;flex-wrap:wrap;gap:30px;padding:20px 0;justify-content:center}.projects-container .project{width:100%;margin:0 60px;display:flex;border-radius:60px;border:1px solid white;overflow:hidden}.project-img{width:60%}.projects-container img{width:100%;height:100%;object-fit:cover;border-radius:60px 0}.project-desc{width:50%;display:flex;flex-direction:column;justify-content:center;padding:30px 40px;gap:5px;color:#fff}.project-desc h2{margin:0;font-size:22px;font-weight:400}.project-desc h2{color:#fff;font-weight:500;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.project-desc p span{color:#1aa76c;font-weight:600;font-size:18px}.project-desc span{color:#fff;font-weight:500;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.project-desc p{margin:0;font-size:15px;color:#909090;text-align:justify;word-wrap:break-word;word-break:break-all}.project-desc h3{margin:0;font-weight:500;color:#1aa76c;font-size:16px}.project-desc h3{color:#fff;font-weight:500;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.btn a{text-decoration:none;font-family:Poppins,sans-serif;letter-spacing:0px;font-weight:400;color:#fff;font-size:16px;z-index:3}.project-desc .btn a{color:#fff;font-weight:500;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.btn i{font-size:20px;margin-left:10px}.btn{display:flex;gap:30px}.btn button{width:160px;height:45px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;text-align:center;background:linear-gradient(to right,#3b3b3b,#0c0c0c);position:relative;border-radius:10px;border:1px solid #0c0c0c;transition-duration:.3s}.btn button:hover{transition-duration:.3s;box-shadow:2px 2px 4px #b9b9b9,2px 2px 10px #616161}@media (max-width: 1200px){.projects h1{font-size:24px;margin:0 40px}.project-desc h2{font-size:20px}.project-desc p span{font-size:16px}.project-desc p,.project-desc h3{font-size:14px}.btn button{width:150px;height:40px;font-size:15px}}@media (max-width: 992px){.projects h1{font-size:22px;margin:0 30px}.projects-container .project{margin:0 20px;flex-direction:column}.project-img{width:100%}.project-desc{width:100%;padding:20px 30px}.project-desc h2{font-size:18px}.project-desc p span{font-size:15px}.project-desc p,.project-desc h3{font-size:13px}.btn button{width:140px;height:38px;font-size:14px}}@media (max-width: 800px){.projects{align-items:start}.projects h1{font-size:20px;margin:0 40px}.projects-container .project{margin:0 40px;padding-bottom:20px}.project-desc{padding:15px 20px}.project-desc h2{margin:10px 0;font-size:16px}.project-desc p span{font-size:14px}.project-desc p{font-size:12px}.project-desc h3{margin:5px 0;font-size:12px}.btn button{width:180px;height:35px;font-size:13px}}.contact{color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;height:320px}.contact-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-wrapper h1{margin:30px 0;color:#fff;font-size:22px;font-weight:400;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.contact-wrapper p{font-size:15px;margin:0;color:#909090}.contact-wrapper p span{color:#1aa76c;font-weight:600}.contact-button button{width:180px;height:35px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;text-align:center;background:linear-gradient(to right,#3b3b3b,#0c0c0c);position:relative;border-radius:10px;border:1px solid #0c0c0c;transition-duration:.3s}.contact-button button:hover{transition-duration:.3s;box-shadow:2px 2px 4px #b9b9b9,2px 2px 10px #616161}.contact-button button:active{transform:scale(.95)}.contact a{font-family:Poppins,sans-serif;text-decoration:none;font-weight:400;color:#fff}.contact i{margin-left:10px;text-transform:capitalize;font-size:16px}.contact a{color:#fff;font-weight:500;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.footer{color:#909090;margin-bottom:10px;text-align:center;padding:50px 0}.footer p{font-size:17px;margin:0}.footer p span{color:#fff;font-weight:500;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}#root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;overflow-y:hidden;background-color:#000}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{border-radius:5px}::-webkit-scrollbar-thumb{background:#3ccf91}html,body{width:100%;height:100vh;margin:0;padding:0;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}*{box-sizing:border-box}.allprojects{width:100%;color:#000;display:flex;flex-direction:column}.allprojects h5{color:#909090;margin:0 85px;font-size:18px;font-weight:400;line-height:1.5}.allprojects h1{color:#fff;font-size:26px;margin:50px 85px 5px;font-weight:500;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.allprojects-container{display:flex;flex-wrap:wrap;gap:30px;padding:20px 0;justify-content:center}.allprojects-container .allproject{width:85%;margin:0 60px;display:flex;border-radius:60px;border:1px solid white;overflow:hidden}.allproject-img{width:60%}.allprojects-container img{width:100%;height:100%;object-fit:cover;border-radius:60px 0}.allproject-desc{width:50%;display:flex;flex-direction:column;justify-content:center;padding:30px 40px;gap:5px;color:#fde7cb}.allproject-desc h2{margin:0;font-size:22px;font-weight:400}.allproject-desc h2{color:#fff;font-weight:500;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.allproject-desc p span{color:#1aa76c;font-weight:600;font-size:18px}.allproject-desc span{color:#fff;font-weight:500;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.allproject-desc p{margin:0;font-size:15px;color:#909090;text-align:justify;word-wrap:break-word;word-break:break-all}.allproject-desc h3{margin:0;font-weight:500;color:#1aa76c;font-size:16px}.allproject-desc h3{color:#fff;font-weight:500;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.links{display:flex;flex-direction:column;gap:5px}.allproject-btn a{text-decoration:none;font-family:Poppins,sans-serif;letter-spacing:0px;font-weight:400;color:#fde7cb;font-size:16px;z-index:3}.allproject-desc .allproject-btn a{color:#fff;font-weight:500;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}.allproject-btn i{font-size:20px;margin-left:10px}.allproject-btn{display:flex;gap:30px}.allproject-btn button{width:160px;height:45px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;text-align:center;background:linear-gradient(to right,#3b3b3b,#0c0c0c);position:relative;border-radius:10px;border:1px solid #0c0c0c;transition-duration:.3s}.allproject-btn button:hover{transition-duration:.3s;box-shadow:2px 2px 4px #b9b9b9,2px 2px 10px #616161}.btn button:active{transform:scale(.95)}@media (max-width: 1000px){.allprojects-container{width:100%}.allproject{flex-direction:column}.allproject-img,.allproject-desc{width:100%}.projects h1{font-size:24px;margin:0 40px}.allproject-desc h2{font-size:20px}.allproject-desc p span{font-size:16px}.allproject-desc p,.allproject-desc h3{font-size:14px}.btn button{width:150px;height:40px;font-size:15px}}@media (max-width: 768px){.allprojects h1{margin:50px 25px 0}.allprojects h5{margin:0 25px}.allproject-desc h2{font-size:20px}.allproject-desc p span{font-size:18px}.allproject-desc p,.allproject-desc h3{font-size:15px}.btn button{width:140px;height:38px;font-size:14px}}@media (max-width: 600px){.allprojects-container .allproject{width:100%;margin:0 10px}.allproject-desc{padding:25px 20px}}@media (max-width: 768px){.projects h1{font-size:22px;margin:0 30px}.projects-container{gap:20px}.projects-container .project{margin:0 20px;flex-direction:column;padding-bottom:25px}.project-img{width:100%}.projects-container img{border-radius:60px 60px 0 0}.project-desc{width:100%;padding:10px 15px}.project-desc h2{font-size:18px}.project-desc p span{font-size:16px}.project-desc p,.project-desc h3{font-size:15px}.btn{gap:5px}.btn button{width:150px;height:50px;font-size:12px}}@media (max-width: 576px){.projects h1{font-size:22px;margin:0 30px}.projects-container{gap:20px}.projects-container .project{margin:0 10px;flex-direction:column;padding-bottom:25px}}.contact-form{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:10px 0}.contact-form h1{font-size:22px;font-weight:600}.contact-form h1{color:#fff;font-weight:700;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fff 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}form{display:flex;flex-direction:column;width:50%;padding:30px 40px;border-radius:20px;box-shadow:#1aa76ce6 0 0 0 1.5px}form input,form textarea{padding:10px;outline:1px solid rgb(112,112,112);border:none;border-radius:5px;margin-top:5px;background-color:#000;color:#fff;font-family:"Poppins" sans-serif;font-size:15px}.submit-button{margin-top:20px;width:180px;height:35px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;text-align:center;background:linear-gradient(to right,#3b3b3b,#0c0c0c);position:relative;border-radius:10px;border:1px solid #0c0c0c;transition-duration:.3s}.submit-button:hover{transition-duration:.3s;box-shadow:2px 2px 4px #b9b9b9,2px 2px 10px #616161}.submit-button:active{transform:scale(.95)}.submit-button{color:#fff;background-position:0;background:linear-gradient(to right,#000 0,#1aa76c,#fde7cb 20%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text12-animation 6s infinite linear;animation-fill-mode:forwards}@keyframes text12-animation{0%{background-position:0}60%{background-position:200px}to{background-position:0}}@media (max-width: 920px){form{width:70%}}@media (max-width: 756px){form{width:90%;padding:30px 20px}form textarea{font-size:16px}.submit-button{height:50px}}