html{scroll-behavior:smooth}body{margin:0}.navbar{color:#fff;z-index:99999;background-color:#000;border-radius:10px;place-content:center space-around;justify-self:center;align-items:center;width:100%;height:3rem;display:flex;position:fixed;top:0}.stroke{color:red}.navbar h1{font-size:1.5rem}.nav-links li{padding:20px;list-style-type:none}.nav-links li a{color:pink;font-family:cursive;font-size:1.1rem;text-decoration:none}.nav-links{justify-content:flex-end;display:flex}.cv{background:#fff;border-radius:20px;height:15px}.hambuger-icon{font-size:1.5rem;display:none}@media (width<=767px){.nav-links{display:none}.nav-links.open{z-index:9999;background:#fff;flex-direction:column;width:100%;padding:20px 0;display:flex;position:absolute;top:60px;left:0}.nav-links.open li{text-align:center;padding:5px 0;list-style:none;display:block}.nav-links.open a{color:#000;margin:0;padding:5px;text-decoration:none;display:block}.nav-links li a{color:red;font-family:cursive;font-size:1.1rem;text-decoration:none}.hambuger-icon{display:block;position:absolute;right:2rem}.navbar h1{position:absolute;left:3rem}}@media (width>=768px) and (width<=924px){.nav-links{display:none}.nav-links.open{z-index:9999;background:#fff;flex-direction:column;width:100%;padding:20px 0;display:flex;position:absolute;top:60px;left:0}.nav-links.open li{text-align:center;padding:5px 0;list-style:none;display:block}.nav-links.open a{color:#000;margin:0;padding:5px;text-decoration:none;display:block}.hambuger-icon{display:block;position:absolute;right:2rem}.navbar h1{position:absolute;left:3rem}}.selected-work{color:#fff;background:#111;padding:70px 7%}.work-heading{justify-content:space-between;align-items:flex-end;margin-bottom:45px;display:flex}.section-label{color:#e84b3c;letter-spacing:1.5px;margin-bottom:15px;font-size:12px;font-weight:600;display:block}.work-heading h2{margin:0;font-family:Georgia,serif;font-size:2rem;font-weight:400;line-height:1.05}.github button{color:red;cursor:pointer;border-radius:10px;padding:10px;position:absolute;right:20px}.all-projects{color:#fff;border-bottom:1px solid #e84b3c;padding-bottom:10px;font-size:13px;font-weight:600;text-decoration:none}.all-projects span{margin-left:12px;font-size:18px}.project-grid{flex-wrap:wrap;flex-grow:1;gap:16px;display:flex}.project-card{background:#111;border:1px solid #3a3a3a;border-radius:5px;flex-grow:1;width:200px;transition:transform .3s,border-color .3s;overflow:hidden}.project-card:hover{border-color:#777;transform:translateY(-6px)}.project-image{width:100%;height:210px;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.project-card:hover .project-image img{transform:scale(1.04)}.project-info{padding:22px}.project-info h3{letter-spacing:.5px;margin:0 0 8px;font-size:18px}.project-type{color:#999;font-size:14px}.project-info p{color:#ddd;margin:25px 0 35px;font-size:14px;line-height:1.7}.links button{color:#fff;cursor:pointer;background:red;border-radius:10px;margin-bottom:10px;padding:5px}.technologies{color:#999;flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.technologies span{align-items:center;gap:8px;display:flex}.technologies b{color:#e84b3c}@media (width<=767px){.work-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;margin-bottom:45px;display:flex}.work-heading h2{margin:0;font-family:Georgia,serif;font-size:1.2rem;font-weight:400;line-height:1.05}.selected-one{padding-top:400px}}@media (width>=320px) and (width<=359px){.selected-one{padding-top:50px}.work-heading h2{margin:0;font-family:Georgia,serif;font-size:1rem;font-weight:400;line-height:1.05}.github button{color:red;cursor:pointer;border-radius:10px;padding:2px;position:absolute;right:20px}.image-store img{width:400px;height:250px}}@media (width>=768px) and (width<=924px){.selected-one{padding-top:550px}}@media (width<=319px){.github button{color:red;cursor:pointer;border-radius:10px;padding:10px;position:absolute;right:20px}}.reveal{opacity:0;transition:opacity 1.5s,transform 1.5s;transform:translateY(50px)}.reveal.show{opacity:1;transform:translateY(0)}.skills{text-align:center;background:#fff;padding-top:90px}.skills span{color:red;font-size:2rem}.technology{flex-grow:1;place-content:center;align-self:center;align-items:center;gap:20px;display:flex}.skill span{font-size:1rem}.skill{background:#f5f5f5;border-radius:20px;flex-grow:1;gap:20px;width:200px;height:100px;box-shadow:0 0 25px #ffffff1f}.html{color:red;font-size:4rem}.css{color:#00f;font-size:4rem}.js{color:#ff0;font-size:4rem}.api{color:#000;font-size:4rem}.react{color:#61dafb;font-size:4rem}.git,.responsive{color:#000;font-size:4rem}@media (width<=767px){.technology{flex-wrap:wrap;flex-grow:1;place-content:center;align-self:center;align-items:center;gap:20px;display:flex}}.About-me{padding-top:70px}.about-page{background:#000;flex-wrap:wrap;display:flex}.about{background:#f5f5f5}.about h4{color:red;margin-left:2rem}.about h3{margin-left:2rem}.about p{color:#333;max-width:600px;margin-left:2rem;font-size:1.2rem;line-height:1.7rem}.location li{padding:8px;list-style-type:none}.location span{margin-right:15px}.available{color:green}.contact{color:#fff;margin-left:2rem}.contact h4{color:red}.connect li{color:#a0a0a0;border-bottom:5px red;padding:8px;list-style-type:none}.connect span,a{color:red;margin-right:15px;font-size:1.5rem}.instagram{color:#a0a0a0}.instagram:hover{color:#8b0000}.tiktok{color:#a0a0a0}.social{justify-content:center;display:flex}@media (width>=768px) and (width<=924px){.about p{color:#333;max-width:800px;margin-left:2rem;font-size:1.2rem;line-height:1.7rem}}.service-chapter{padding-top:50px}.service-page{color:#fff;background:pink;place-content:center;align-self:center;align-items:center;gap:20px;padding:20px;display:flex}.interface{box-shadow:0 0 25px #ffffff1f}.interface:hover{color:#000;background:#fff;border-radius:15px}.interface span{color:#a0a0a0;font-size:1.5rem}.interface h6{color:red;font-size:1rem}.interface p{color:#a0a0a0}@media (width<=767px){.service-page{color:#fff;background:#000;flex-wrap:wrap;place-content:center;align-self:center;align-items:center;gap:20px;padding:20px;display:flex}.service-chapter{padding-top:50px}}@media (width>=768px) and (width<=924px){.service-chapter{padding-top:50px}}.hero-section{background:#fff;flex-wrap:wrap;gap:60px;height:500px;padding-top:50px;display:flex}.hero{margin-left:50px}.hero span{color:red}.hero h1{max-width:500px;font-size:4rem}.hero p{max-width:400px}.stacks{flex-wrap:wrap;gap:50px;display:flex}.stacks li{color:red}.stacks span{color:#000}.CTA{flex-wrap:wrap;gap:20px;display:flex}.CTA button{color:#fff;cursor:pointer;background:red;border-radius:20px;height:2.5rem}.profile-image{z-index:2;background:#f5f5f5;border-radius:50%;width:350px;height:350px;margin:10px auto 0;position:relative}.profile-image img{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.experience-marker{flex-flow:column wrap;justify-content:center;align-items:center;margin-left:50px;display:flex}.line{background:#000;width:1px;height:200px;margin:15px 0}.number{color:red}.footer{text-align:center;color:red}.whassap{z-index:9999;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;animation:2.5s ease-in-out infinite whasapBounce;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 15px #00000040}.whassap a{color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;font-size:30px;text-decoration:none;display:flex}@keyframes whasapBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=767px){.hero h1{max-width:400px;font-size:3rem}.stacks{cursor:pointer;flex-wrap:wrap;gap:15px;display:flex}.stacks span{color:#000;font-size:.9rem}.CTA{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.CTA button{color:#fff;cursor:pointer;background:#8b0000;border-radius:20px;height:2rem}.profile-image{width:300px;height:300px}.experience-marker{flex-flow:column wrap;justify-content:end;align-items:flex-end;margin-left:350px;display:none;position:absolute;top:75%}}@media (width>=320px) and (width<=359px){.hero-section{flex-flow:column;gap:30px;height:auto;min-height:0;padding:70px 20px 40px;display:flex}.hero{width:100%;margin-left:0}.hero h1{max-width:100%;font-size:2.5rem}.hero p{max-width:100%}.stacks{gap:15px}.CTA{justify-content:flex-start;gap:8px}.profile-image{flex-shrink:0;width:240px;height:240px;margin:0 auto;position:relative;top:0;left:0}.profile-image img{object-fit:contain;width:100%;height:100%;top:0;left:0}.experience-marker{display:none}}@media (width>=768px) and (width<=924px){.hero-section{background:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;height:500px;padding-top:50px;display:flex}.experience-marker{flex-direction:column;justify-content:center;align-items:center;margin-left:30px;display:flex;transform:translate(-30px)}.line{width:1px;height:120px;margin:8px 0}}@media (width<=319px){.hero h1{max-width:400px;font-size:2.5rem}.profile-image{z-index:2;background:#f5f5f5;border-radius:50%;width:300px;height:300px;position:relative;top:10px;left:10px}.profile-image img{z-index:2;width:350px;height:400px;position:absolute;top:-10px;left:-50px}}.experience-page{padding-top:50px}.experience-section{color:#fff;background:#050505;min-height:100vh;padding:100px 7%;position:relative;overflow:hidden}.experience-heading{text-align:center;margin-bottom:80px;position:relative}.experience-bg-text{letter-spacing:8px;color:#0000;-webkit-text-stroke:1px #ff000014;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:7rem;font-weight:900;position:absolute;top:-45px;left:50%;transform:translate(-50%)}.experience-heading h2{z-index:1;letter-spacing:3px;margin:0;font-size:3.2rem;font-weight:800;position:relative}.experience-heading h2 span{color:red}.heading-line{background:red;width:230px;height:2px;margin:15px auto;position:relative}.heading-line:after{content:"";background:red;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px red}.experience-heading p{color:#bdbdbd;margin-top:25px;font-size:1rem}.experience-timeline{max-width:1200px;margin:auto;position:relative}.experience-timeline:before{content:"";background:red;width:2px;height:100%;position:absolute;top:0;left:195px;box-shadow:0 0 12px #f009}.experience-item{grid-template-columns:150px 90px 1fr;align-items:start;margin-bottom:70px;display:grid;position:relative}.experience-year{text-align:right;color:#fff;padding-top:25px;padding-right:20px;font-size:1.1rem;font-weight:700;line-height:1.5}.timeline-dot{z-index:2;background:#080808;border:3px solid red;border-radius:50%;width:25px;height:25px;margin:28px auto 0;position:relative;box-shadow:0 0 15px red}.timeline-dot:after{content:"";background:red;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.experience-card{background:linear-gradient(135deg,#101010,#070707);border:1px solid #ff0000b3;border-radius:15px;grid-template-columns:1fr 1px 1fr;gap:35px;padding:40px;transition:all .3s;display:grid;position:relative;box-shadow:0 0 25px #ff000014}.experience-card:hover{border-color:red;transform:translateY(-5px);box-shadow:0 0 30px #ff00002e}.experience-info{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.experience-icon{color:red;background:#0b0b0b;border:1px solid #ff000080;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:1.8rem;display:flex;box-shadow:0 0 20px #ff000014}.experience-info h3{margin:5px 0 8px;font-size:1.6rem;line-height:1.3}.experience-info h4{color:red;margin:0;font-size:1rem;font-weight:600}.experience-date{color:#aaa;align-items:center;gap:8px;margin-top:15px;font-size:.9rem;display:flex}.experience-date svg{color:red}.experience-description{color:#c5c5c5;width:100%;margin-top:15px;font-size:.95rem;line-height:1.8}.experience-divider{background:#ffffff26;width:1px}.experience-details ul{margin:0;padding:0;list-style:none}.experience-details li{color:#d0d0d0;margin-bottom:18px;padding-left:20px;font-size:.95rem;line-height:1.6;position:relative}.experience-details li:before{content:"";background:red;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:0;box-shadow:0 0 8px red}@media (width<=900px){.experience-section{padding:80px 5%}.experience-bg-text{font-size:4rem}.experience-heading h2{font-size:2.4rem}.experience-timeline:before{left:15px}.experience-item{padding-left:45px;display:block}.experience-year{text-align:left;color:red;padding:0;font-size:.9rem;position:absolute;top:-35px;left:45px}.timeline-dot{margin:0;position:absolute;top:25px;left:3px}.experience-card{padding:25px;display:block}.experience-divider{width:100%;height:1px;margin:25px 0}}@media (width<=600px){.experience-section{padding:70px 20px}.experience-bg-text{letter-spacing:2px;font-size:2.7rem}.experience-heading{margin-bottom:60px}.experience-heading h2{font-size:2rem}.experience-heading p{font-size:.85rem;line-height:1.6}.experience-item{margin-bottom:50px;padding-left:30px}.experience-timeline:before{left:8px}.timeline-dot{width:20px;height:20px;left:-3px}.timeline-dot:after{width:6px;height:6px}.experience-year{font-size:.8rem;left:30px}.experience-card{border-radius:10px;padding:20px}.experience-info{gap:15px}.experience-icon{width:55px;height:55px;font-size:1.4rem}.experience-info h3{font-size:1.25rem}.experience-info h4{font-size:.85rem}.experience-description{font-size:.88rem;line-height:1.7}.experience-details li{margin-bottom:14px;font-size:.85rem}}@media (width<=767px){.experience-page{padding-top:50px}}@media (width>=768px) and (width<=924px){.experience-page{padding-top:50px}}