*{margin:0;padding:0}body{height:100vh;background:#161513;color:#fff;font-family:outfit}.navbar{display:flex;align-items:center;justify-content:space-between;margin:20px 5vw 0}.navbar img{width:120px}.navmenu{display:flex;align-items:center;list-style:none;gap:5vw;font-size:20px;margin:0 20px}.navconnect{padding:20px 40px;border-radius:50px;background:#0077b5;font-size:18px;cursor:pointer;transition:.5s;color:#fff;text-decoration:none}.navmenu li:hover{transform:scale(1.1);transition:.2s}.navmenu li:hover .anchor-link p{color:#cdcdcd}.navconnect:hover{transform:scale(1.1)}.anchor-link{text-decoration:none;color:#fff}.nav-mob-close,.nav-mob-open{display:none;width:40px;height:40px;min-width:40px;min-height:40px}@media (max-width: 768px){.navbar{margin:2vw 5vw}.navbar img{width:100px}.navconnect{display:none}.nav-mob-open{display:block;position:fixed;right:0}.nav-mob-close{display:block;position:relative;top:30px;left:250px;width:30px}.navmenu{position:fixed;flex-direction:column;align-items:start;top:0;gap:30px;background-color:#1f0016;width:350px;height:100%;z-index:2;transition:right .5s;right:-350px}.navmenu li{font-size:30px;padding-left:100px;flex-direction:row;gap:20px}}.hero{display:flex;align-items:center;flex-direction:column;gap:35px;height:100vh;min-height:1000px;box-sizing:border-box;justify-content:center}.hero img{margin-top:100px;max-width:250px;max-height:fit-content}.hero h1{text-align:center;font-size:70px;font-weight:600}.hero h1 span{background:linear-gradient(90deg,#4aff4d,#4dffb3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{width:50%;font-size:24px;text-align:center;line-height:40px}.hero-action{display:flex;align-items:center;gap:25px;font-size:20px;font-weight:500;margin-bottom:200px;text-decoration:none}.hero-action a{color:#fff;text-decoration:none}.hero-connect{padding:25px 45px;border-radius:50px;border:#ffffff 2px solid;background:#0077b5;cursor:pointer;transition:.5s}.hero-connect:hover{transform:scale(1.1)}.hero-resume{padding:25px 75px;border-radius:50px;border:#ffffff 2px solid;background:#00314b;cursor:pointer;transition:.5s}.hero-resume:hover{transform:scale(1.1)}.hero-github{padding:25px 75px;border-radius:50px;border:#ffffff 2px solid;background:#333;cursor:pointer;transition:.5s}.hero-github:hover{transform:scale(1.1)}@media (max-width: 768px){.hero{margin:2vw 5vw}.hero img{margin-top:5vw;width:50%}.hero h1{margin-top:5vw;font-size:50px;width:90%}.hero p{line-height:32px;width:100%;font-size:18px}.hero-action{gap:15px;font-size:20px;font-weight:500;margin-bottom:50px;flex-direction:column;align-items:stretch}.hero-connect,.hero-resume,.hero-github{padding:3vw 7vw;border-radius:40px;box-sizing:border-box}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:2vw 100px}.about-title h1{font-size:70px;font-weight:600}.about-title{position:relative}.about-sections{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:60px;flex-wrap:wrap}.about-sections img{width:200px;height:auto;flex-shrink:0}.about-main{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:60px;max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box;padding:0 16px}.about-para{flex:1;min-width:0;max-width:1000px;display:flex;flex-direction:column;gap:20px;font-size:20px;font-weight:500;align-items:center}.about-stats{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;font-size:24px;font-weight:500}.about-stats img{width:30%;margin-right:10px}.about-skills{display:flex;flex-wrap:wrap;flex-direction:row;gap:20px;margin-top:20px;justify-content:center;align-items:center;max-width:1000px;margin-left:auto;margin-right:auto}.about-skills img{flex-direction:row;justify-content:center;align-items:center;width:60px}.skill-icon{position:relative;display:flex}.skill-icon li{font-size:14px}.tooltip{visibility:hidden;opacity:0;width:max-content;background-color:#222;color:#fff;text-align:center;border-radius:6px;padding:6px 12px;position:absolute;z-index:1;bottom:110%;left:50%;transform:translate(-50%);font-size:18px;pointer-events:none;white-space:nowrap}.skill-icon:hover .tooltip{visibility:visible;opacity:1}.about-skill{display:flex;align-items:center;gap:50px;transition:.3s}.about-skill p{min-width:150px;font-size:24px;font-weight:500}.about-skill hr{outline:none;border:none;width:50%;height:8px;border-radius:50px;background:linear-gradient(90deg,#4aff4d,#4dffb3)}.about-achievements{display:flex;width:100%;justify-content:space-around;margin-bottom:80px}.about-achievement{display:flex;flex-direction:column;align-items:center;gap:10px;transition:.5s}.about-achievement h1{font-size:60px;font-weight:700;background:linear-gradient(90deg,#4aff4d,#4dffb3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-achievement p{font-size:22px;font-weight:500}.about-skill:hover{transform:scale(1.05);transition:.3s}.about-achievement:hover{transform:scale(1.12);transition:.5s}@media (max-width: 768px){.about{gap:80px;margin:0vw 5vw;align-items:center}.about-title h1{padding:0;font-size:40px}.about-main{max-width:100%;padding:0 8px}.about-main img{display:none}.about-sections{flex-direction:column}.about-para{font-size:16px;line-height:32px}.about-stats img{width:80%}.about-skills{gap:20px;align-items:center;margin-top:5px;margin-bottom:10px}.about-skill p{font-size:20px}.about-skill hr{height:6px}.skill-icon img{width:60px}.about-achievements{justify-content:space-between}.about-achievement{gap:10px}.about-achievement h1{font-size:34px;font-weight:700}.about-achievement p{text-align:center;font-size:16px}}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;margin:0 100px}.projects-title{position:relative}.projects-title h1{padding:30px 30px 0;font-size:65px;font-weight:600}.skill-icons{position:relative;display:inline-block;margin-top:10px;width:50px;flex-direction:row}.skill-icons-tooltip{position:relative;display:inline-block}.skill-icons-tooltip .tooltip{visibility:hidden;opacity:0;width:max-content;background:#222;color:#fff;text-align:center;border-radius:6px;padding:6px 12px;position:absolute;z-index:1;bottom:90%;left:50%;transform:translate(-50%);transition:opacity .2s;pointer-events:none;font-size:14px;white-space:nowrap}.skill-icons-tooltip:hover .tooltip{visibility:visible;opacity:1}.projects-icons-row{display:flex;flex-direction:row;gap:10px}.projects-format{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:60px;border-radius:10px;border:2px solid #fff;transition:all .4s cubic-bezier(.4,2,.6,1);cursor:pointer;width:100%;max-width:600px;min-height:370px;margin-left:56px;position:relative}.projects-format:not(.expanded):hover{border:2px solid #f48c06;background:linear-gradient(45deg,#3f0000,#583200);cursor:pointer}.projects-container{position:relative;padding-left:0}.projects-container:before{content:"";position:absolute;left:92px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#98ffd2 60%,#4aff4d);border-radius:2px;z-index:0}.projects-timeline-item{display:flex;align-items:stretch;position:relative;min-height:100px;padding-left:0;margin-bottom:24px}.projects-timeline-marker{display:flex;align-items:center;min-width:150px;margin-right:24px;position:relative;justify-content:flex-end}.projects-timeline-label{text-align:right;font-size:16px;color:#fff;margin-right:12px;min-width:60px}.projects-timeline-dot{width:20px;height:20px;background:#1f53fe;border:4px solid #fff;border-radius:50%;z-index:2;box-shadow:0 0 0 2px #f48c0644;position:relative}.projects-container:before{left:134px}.projects-format h3{font-size:24px;font-weight:600}.projects-format h2{font-size:30px;font-weight:800;background:linear-gradient(90deg,#4aff4d,#4dffb3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projects-format p{font-size:20px;color:#d4d4d4;line-height:40px;max-width:500px}.projects-longdesc p{margin:0 0 30px;font-size:20px;color:#d4d4d4;line-height:32px;max-width:auto}.projects-format.expanded .projects-longdesc p{max-width:2000px}.projects-longdesc h3{margin:10px 0 20px;font-size:26px;color:#d4d4d4;line-height:32px}.projects-learned{margin-top:10px;color:#d4d4d4;font-size:18px;line-height:28px;padding-left:24px}.projects-learned li{margin-bottom:8px}.projects-readmore{display:flex;gap:20px;align-items:center;margin-top:20px}.projects-format.expanded{min-width:auto;min-height:auto;z-index:1;box-shadow:0 0 40px #000a;border:3px solid #f48c06}.projects-github-btn{display:inline-block;margin:0 16px 16px 0;padding:10px 20px;background:#24292f;color:#fff;border-radius:6px;text-decoration:none;font-weight:700;cursor:pointer}.projects-github-btn:hover{background:#333}.projects-youtube-btn{display:inline-block;padding:10px 20px;background:#b60000;color:#fff;border-radius:6px;text-decoration:none;font-weight:700}.projects-youtube-btn:hover{background:red}@media (max-width: 768px){.projects{gap:70px;margin-top:20px;align-items:center}.projects-title h1{padding:0;font-size:50px;margin:0px 5vw}.projects-title img{width:130px;right:-20px}.projects-format{gap:20px;padding:32px}.projects-format h2{font-size:28px}.projects-format p,.projects-readmore{font-size:18px;line-height:32px;max-width:300px}.projects-container{padding-left:24px}.projects-container:before{left:24px;width:3px}.projects-timeline-label{min-width:40px;font-size:14px;margin-right:20px;text-align:left}.projects-timeline-dot{width:14px;height:14px;left:-138px}.projects-format{margin-left:0}.skill-icons{width:40px;flex-direction:row}}@media (max-width: 650px){.projects-format{gap:12px;max-width:80vw;min-width:0;width:100%;box-sizing:border-box}.projects-title h1{font-size:38px;padding:30px 30px 0}.projects-format h2{font-size:22px}.projects-format p{font-size:14px;line-height:28px;max-width:100%}.projects-timeline-marker{display:none}.projects-container:before{display:none}.projects-longdesc p{font-size:16px;line-height:24px}.projects-longdesc h3{font-size:20px}.projects-learned{font-size:14px;line-height:22px}.projects-icons-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:flex-start;align-items:center;width:100%;margin-bottom:10px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;margin:80px 170px}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:60px;font-weight:600}.contact-details{display:flex;flex-direction:column;gap:30px;color:#d8d8d8;font-size:20px}.contact-detail{display:flex;align-items:center;gap:20px}.footer{display:flex;justify-content:center;align-items:center;width:100%;padding:10px;background-color:#161513;color:#d8d8d8;font-size:12px}.contact-media{display:flex;flex-direction:row;gap:20px}.contact-media img{width:60px}.contact-media img:hover{transform:scale(1.1)}@media (max-width: 768px){.contact{gap:50px;margin:50px 70px;align-items:start;margin:5vw 6vw}.contact-title h1{padding:0;font-size:40px;font-weight:600}.contact-title img{width:130px;right:-20px}.contact-section{flex-direction:column}.contact-details{gap:20px;font-size:12px}.contact-details img{width:25px}.footer{font-size:10px}}