@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Protest+Guerrilla&family=Protest+Revolution&display=swap);.nav{align-items:center;background-color:var(--card-light);display:flex;font-size:1rem;height:80px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:10}.nav-container{display:flex;height:60px;justify-content:space-between;max-width:1200px;padding:0 24px;width:100%;z-index:1}.nav-logo{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:0 6px;text-decoration:none;width:100%}.nav-logo svg{margin-right:8px}.mobile-icon{display:none}.mobile-menu{background:var(--card-light);border-radius:0 0 20px 20px;box-shadow:0 0 10px 0 #0003;display:flex;flex-direction:column;gap:16px;justify-content:center;opacity:0;padding:12px 40px 24px;position:absolute;right:0;top:80px;transform:translateY(-100%);transition:all .6s ease-in-out;width:100%;z-index:-1000}.mobile-menu.open{opacity:100%;transform:translateY(0);z-index:1000}.mobile-link{color:var(--text-primary);cursor:pointer;font-weight:500;text-decoration:none;transition:all .2s ease-in-out}.mobile-link:hover{color:var(--primary)}.nav-items{align-items:center;display:flex;gap:32px;justify-content:center;list-style:none;margin-left:100px;padding:0 6px;width:100%}.nav-link{color:var(--white);cursor:pointer;font-weight:500;text-decoration:none;transition:all .2s ease-in-out}.github-button,.nav-link:hover{color:var(--primary)}.github-button{align-items:center;border:1.8px solid var(--text-primary);border-radius:20px;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:70%;justify-content:center;padding:0 20px;text-decoration:none}.github-button:hover{background:var(--primary);color:var(--white)}.button-container{align-items:center;display:flex;height:100%;justify-content:center;margin-left:100px;padding:0 6px;width:80%}.span{font-size:18px;font-weight:700;padding:0 4px}#skills{padding:50px 0 60px;z-index:1}#skills,.skills-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.skills-wrapper{gap:12px;margin-top:30px;max-width:1350px;position:relative;width:100%}.skills-wrapper .title{color:#fff;font-size:42px;font-weight:600;text-align:center}.skills-wrapper #desc{color:#fff;font-size:18px;max-width:600px;padding-top:20px;text-align:center}.skills-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:30px;width:100%}.skill{background:var(--card);border:.1px solid #854ce6;border-radius:16px;box-shadow:0 4px 24px #175ce626;max-width:500px;padding:18px 36px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:100%}.skill:hover{box-shadow:0 8px 30px #175ce640;transform:translateY(-8px)}.skill-title{color:var(--text-secondary);font-size:28px;font-weight:600;text-align:center}.skill-list{flex-wrap:wrap;gap:12px;margin-bottom:20px}.skill-item,.skill-list{display:flex;justify-content:center}.skill-item{align-items:center;border:1px solid var(--text-primary-light);border-radius:12px;color:#fff;font-size:16px;font-weight:400;gap:8px;padding:12px 16px;transition:background-color .3s ease-in-out,color .3s ease-in-out}.skill-item:hover{background-color:var(--primary-light);color:var(--white);cursor:pointer}.skill-image{height:24px;width:24px}.exprience{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:35px 0 60px;position:relative;z-index:1}.exprience .timeline{padding-top:40px;position:relative;width:1350px}.exprience .timeline:after{background:#054916;bottom:0;content:"";left:50%;margin-left:-1px;margin-top:40px;position:absolute;top:0;width:3px}.exprience .timeline .timeline-item{background:inherit;margin-bottom:30px;position:relative;width:50%}.exprience .timeline .timeline-item.left{left:0;padding-right:30px}.exprience .timeline .timeline-item.right{left:50%;padding-left:30px}.exprience .timeline .timeline-item:after{background:#fff;border:2px solid #3e8339;border-radius:16px;content:"";height:16px;position:absolute;right:-8px;top:48px;width:16px;z-index:1}.exprience .timeline .timeline-item.right:after{left:-8px}.exprience .timeline .timeline-item:before{border:10px solid #0000;border-left-color:#ddd;content:"";height:0;position:absolute;right:10px;top:46px;width:0;z-index:1}.exprience .timeline .timeline-item.right:before{border-color:#0000 #ddd #0000 #0000;left:10px}.exprience .timeline .timeline-date{color:#3e8339;font-size:18px;font-weight:600;letter-spacing:1px;position:absolute;top:44px;width:100%;z-index:1}.exprience .timeline .timeline-item.left .timeline-date{left:calc(100% + 55px);text-align:left}.exprience .timeline .timeline-item.right .timeline-date{right:calc(100% + 55px);text-align:right}.exprience .timeline .timeline-text{background:#2b2b31;border-right:5px solid #ddd;box-shadow:0 0 60px #00000014;padding:30px;position:relative}.exprience .timeline .timeline-item.right .timeline-text{border-left:5px solid #ddd;border-right:none}.exprience .timeline .timeline-text h2{font-size:22px;font-weight:600;margin:0 0 5px}.exprience .timeline .timeline-text h4{font-size:16px;font-style:italic;font-weight:400;margin:0 0 10px}.exprience .timeline .timeline-text p{font-size:16px;margin:0}@media (max-width:767.98px){.exprience .timeline:after{left:8px}.exprience .timeline .timeline-item{padding-left:38px;width:100%}.exprience .timeline .timeline-item.left{padding-right:0}.exprience .timeline .timeline-item.right{left:0;padding-left:38px}.exprience .timeline .timeline-item.left:after,.exprience .timeline .timeline-item.right:after{left:0}.exprience .timeline .timeline-item.left:before,.exprience .timeline .timeline-item.right:before{border-color:#0000 #ddd #0000 #0000;left:18px}.exprience .timeline .timeline-item.left .timeline-date,.exprience .timeline .timeline-item.right .timeline-date{left:0;margin-bottom:10px;position:relative;right:auto;text-align:left;top:0}.exprience .timeline .timeline-item.left .timeline-text,.exprience .timeline .timeline-item.right .timeline-text{border-left:5px solid #ddd;border-right:none}}.hero-container{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,70% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,70% 95%,0 100%);display:flex;justify-content:center;padding:120px 30px;position:relative;z-index:1}.hero-bg{bottom:0;display:flex;height:100%;justify-content:end;left:0;left:50%;max-width:1360px;overflow:hidden;padding:0 30px;position:absolute;right:0;top:0;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}.hero-inner-container{align-items:center;display:flex;justify-content:space-between;margin-left:100px;margin-top:100px;max-width:1100px;position:relative;width:100%}.hero-left-container{order:1;width:100%}.hero-right-container{display:flex;gap:12px;justify-content:center;order:2;width:100%}.title{color:var(--white);font-size:50px;font-weight:700;line-height:68px}.span{color:var(--primary);cursor:pointer}.text-loop{color:var(--text-primary);display:flex;font-size:32px;font-weight:600;gap:12px;line-height:68px}.sub-title{color:#fff;font-size:20px;line-height:32px;margin-bottom:42px}.resume-button{-webkit-appearance:button;appearance:button;background:linear-gradient(225deg,#8400ff,#e600ff);border-radius:20px;box-shadow:20px 20px 60px #1f2634,-20px -20px 60px #1f2634;color:var(--white);cursor:pointer;font-size:20px;font-weight:600;max-width:300px;padding:16px 0;text-align:center;text-decoration:none;transition:all .2s ease-in-out!important;width:95%}.resume-button:hover{box-shadow:20px 20px 60px #1f2634;filter:brightness(1);transform:scale(1.05);transition:all .4s ease-in-out}.img{border:2px solid var(--primary);border-radius:50%;height:100%;max-height:400px;max-width:400px;width:100%}.education,.img{position:relative}.education{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:10px 0 60px;z-index:1}#title{font-size:42px;font-weight:600;margin:0;padding:0 20px;text-align:center}.education .timeline{padding-top:40px;position:relative;width:100%}.education .timeline:after{background:#054916;bottom:0;content:"";left:50%;margin-left:-1px;margin-top:40px;position:absolute;top:0;width:3px}.education .timeline .timeline-item{background:inherit;margin-bottom:30px;position:relative;width:50%}.education .timeline .timeline-item.left{left:0;padding-right:30px}.education .timeline .timeline-item.right{left:50%;padding-left:30px}.education .timeline .timeline-item:after{background:#fff;border:2px solid #3e8339;border-radius:16px;content:"";height:16px;position:absolute;right:-8px;top:48px;width:16px;z-index:1}.education .timeline .timeline-item.right:after{left:-8px}.education .timeline .timeline-item:before{border:10px solid #0000;border-left-color:#ddd;content:"";height:0;position:absolute;right:10px;top:46px;width:0;z-index:1}.education .timeline .timeline-item.right:before{border-color:#0000 #ddd #0000 #0000;left:10px}.education .timeline .timeline-date{color:#169b37;font-size:18px;font-weight:600;letter-spacing:1px;position:absolute;top:44px;width:100%;z-index:1}.education .timeline .timeline-item.left .timeline-date{left:calc(100% + 55px);text-align:left}.education .timeline .timeline-item.right .timeline-date{right:calc(100% + 55px);text-align:right}.education .timeline .timeline-text{background:#2b2b31;border-right:5px solid #ddd;box-shadow:0 0 60px #00000014;padding:30px;position:relative}.education .timeline .timeline-item.right .timeline-text{border-left:5px solid #ddd;border-right:none}.education .timeline .timeline-text h2{font-size:22px;font-weight:600;margin:0 0 5px}.education .timeline .timeline-text h4{font-size:16px;font-style:italic;font-weight:400;margin:0 0 10px}.education .timeline .timeline-text p{font-size:16px;margin:0}hr{width:1400px}.image{background-color:#fff}.title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.date{margin-left:2px}.button{transition:all .8s ease-in-out}.button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.container{padding:-20px 0 0}.wrapper{margin-top:90px}.wrapper #desc{color:#fff;font-size:18px;max-width:600px;text-align:center}.toggle-button-group{background:#fff;border:1.5px solid #ccc;border-radius:10px;color:#333;padding:5px}.toggle-button-group .toggle-button.active,.toggle-button-group .toggle-button:hover{background:#007bff;color:#fff;font-weight:600}.toggle-button{border-radius:8px;color:#000;padding:10px 20px;transition:background .3s ease,color .3s ease}.toggle-button.active{background:#007bff;color:#000;font-weight:600}.divider{background:#662121}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1c1c27;--bg-light:#1c1e27;--primary:#854ce6;--text-primary:#fff;--text-secondary:#854ce6;--card:#171721;--card-light:#191924;--button:#854ce6;--white:#fff;--black:#000}html{scroll-behavior:smooth}body{background-color:#1c1c27;height:100%,;margin:0!important;padding:0;width:100%}.Wrapper{background:linear-gradient(38.73deg,#cc00bb26,#c920b800 50%),linear-gradient(141.27deg,#0046d100 50%,#0046d126);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,30% 99%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,30% 99%,0 100%);width:100%}::-webkit-scrollbar{height:80px;width:4px}::-webkit-scrollbar-track{background:#222a35}::-webkit-scrollbar-thumb{background:#575c66;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#626970}.contact-container{align-items:center;color:#fff;flex-direction:column;justify-content:center;margin:100px auto 0;position:relative;width:72%;z-index:1}h1{font-size:42px;font-weight:600;margin:0;padding:0 20px;text-align:center}.contact-content{display:flex;gap:2%;padding-top:0}.social-links{width:30%}.social-link{align-items:center;background-color:#171721;border-radius:5px;display:flex;font-size:20px;justify-content:space-evenly;margin-bottom:10px;padding:10px}.social-link a{color:#fff;text-decoration:underline}.icon{margin-right:10px}.external-link{color:#666}.social-link.linkedin:hover{background-color:#0e76a8}.social-link.facebook:hover{background-color:#4267b2}.social-link.email:hover{background-color:#d44638}.social-link.youtube:hover{background-color:red}.contact-form{background-color:inherit;display:flex;flex-direction:column;width:70%}input,textarea{background-color:#2a2a2a;background-color:#171721;border:none;border-radius:5px;color:#fff;font-size:20px;margin-bottom:10px;padding:10px}textarea{height:250px;resize:vertical}button{align-items:center;background-color:#4267b2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:10px}button:hover{background-color:#d44638}.send-icon{margin-left:10px}@media (max-width:768px){.contact-content{flex-direction:column}.contact-form,.social-links{width:100%}}.footer-copyright{background-color:#2a2a2a;color:#fff;font-size:16px;padding:20px 0 100px;text-align:center}.footer-links{margin-top:10px}.footer-links a{color:#fff;font-size:24px;margin:0 10px;text-decoration:none}.footer-links a.linkedin:hover{color:#0e76a8}.footer-links a.github:hover{color:#096424}.footer-links a.email:hover{color:#d44638}.card{background-color:#171721;border-radius:10px;box-shadow:0 0 12px 4px #0006;cursor:pointer;display:flex;flex-direction:column;gap:14px;height:490px;overflow:hidden;padding:26px 20px;transition:all .5s ease-in-out;width:330px}.card:hover{box-shadow:0 0 50px 4px #0009;filter:brightness(1.1);transform:translateY(-10px)}.card:hover .button{display:block}.image{background-color:var(--white);border-radius:10px;box-shadow:0 0 16px 2px #0000004d;height:180px;width:100%}.tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;width:100%}.tag{background-color:#854ce6;border-radius:10px;color:#fff;font-size:12px;font-weight:400;padding:2px 8px}.details{display:flex;flex-direction:column;gap:0;padding:0 2px;width:100%}.details .title{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:24px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis}.date{font-size:12px;margin:15px 0 0 2px}.date,.description{color:#fff;font-weight:400}.description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;margin-top:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.members{align-items:center;display:flex;padding-left:10px}.avatar{border:3px solid #171721;border-radius:50%;box-shadow:0 0 10px #0003;height:38px;margin-left:-10px;width:38px}.avatar,.button{background-color:#fff}.button{border:none;border-radius:10px;color:#000;cursor:pointer;font-size:14px;font-weight:700;padding:10px;transition:all .3s ease-in-out;width:100%}.button:hover{background-color:#854ce6;color:#fff;transform:translateY(-3px)}.container{background:linear-gradient(343.07deg,#843bce0f 5.71%,#843bce00 64.83%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,100% 98%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,100% 98%,0 100%);justify-content:center;padding:20px 0 60px;z-index:1}.container,.wrapper{align-items:center;display:flex;flex-direction:column;position:relative}.wrapper{gap:12px;justify-content:space-between;max-width:1300px;padding:10px 0 100px;width:100%}.title-container{position:relative;text-align:center;width:100%}.title{color:#fff;font-size:42px;font-weight:600;margin:-10px 0}.desc{color:var(--white);font-size:18px;max-width:600px;text-align:center}.toggle-button-group{border:1.5px solid var(--primary);border-radius:12px;color:var(--white);display:flex;font-size:16px;font-weight:500;margin:22px 0}.toggle-button{border-radius:6px;cursor:pointer;padding:8px 18px}.toggle-button.active{background:var(--primary-50)}.toggle-button:hover{background:var(--primary-8)}.divider{background:var(--primary);width:1.5px}.card-container{align-items:center;display:flex;flex-wrap:wrap;gap:28px;justify-content:center}
/*# sourceMappingURL=main.310366eb.css.map*/