@font-face{font-family:poppins;src:url(/assets/poppins.extralight-DX4RJaer.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:poppins;src:url(/assets/poppins.light-Dtvcf0Mr.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:poppins;src:url(/assets/poppins.regular-JiV4gZDp.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:poppins;src:url(/assets/poppins.bold-C62YTul5.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:poppins;src:url(/assets/poppins.black-CEyHXde9.ttf) format("truetype");font-weight:800;font-style:normal}@keyframes horizontalSlide{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideUp{0%{opacity:.2;scale:.7;transform:translateY(6rem)}to{opacity:1;scale:1;transform:translateY(0)}}.header-container{background-color:#1a0b2e;height:70px;display:flex;flex-direction:row;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 2px 10px #0000004d}.header-container nav{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6rem}.header-container nav a{font-size:1.1rem;border-radius:5px;transition:all .3s ease;position:relative;color:#fff;padding:.5rem 1.5rem}.header-container nav a:hover{color:#7127ba;transform:translateY(-2px)}.header-container nav a:after{content:"";position:absolute;bottom:-3px;left:50%;width:0;height:2px;background-color:#7127ba;transition:all .3s ease;transform:translate(-50%)}.header-container nav a:hover:after{width:100%}@media (max-width: 700px){.header-container{height:50px}}.about-container{display:flex;flex-direction:row;justify-content:center;align-items:stretch;padding:1rem 0rem 0rem 6rem;position:relative;z-index:0}.about-container .about-info{flex:1 1 0;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:7rem}.about-container .about-info .about-info-details{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.about-container .about-info .about-info-details h1{font-size:6.2rem;font-weight:600;margin:0;line-height:1}.about-container .about-info .about-info-details h2{font-size:2.5rem;font-weight:400;color:#7127ba;margin-bottom:2rem}.about-container .about-info .about-info-details h3{font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.about-container .about-info .about-info-details p{font-size:1.4rem;font-weight:300;color:#e6e6e6;line-height:1.6}.about-container .about-info .about-info-details h1,.about-container .about-info .about-info-details h2,.about-container .about-info .about-info-details h3,.about-container .about-info .about-info-details p{animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%;transition:all .3s ease}.about-container .about-info .about-info-details h1:hover,.about-container .about-info .about-info-details h2:hover,.about-container .about-info .about-info-details h3:hover,.about-container .about-info .about-info-details p:hover{transform:translate(5px)}.about-container .about-info .about-contact{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:5rem}.about-container .about-info .about-contact h1{font-weight:600;font-size:1.8rem;transition:all .3s ease}.about-container .about-info .about-contact h1:hover{transform:translateY(-5px)}.about-container .about-info .about-contact .about-contact-icons{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:1rem;gap:3.5rem}.about-container .about-info .about-contact .about-contact-icons a{transition:transform .2s ease}.about-container .about-info .about-contact .about-contact-icons a:hover{transform:translateY(-5px) scale(1.05)}.about-container .about-picture{flex:1 1 0;display:flex;justify-content:center;align-items:center;position:relative;z-index:0;animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%}.about-container .about-picture:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;height:700px;background:#7127ba;filter:blur(150px);border-radius:50%;z-index:-1}.about-container .about-picture img{width:auto;height:870px;position:relative;transition:all .3s ease}.about-container .about-picture img:hover{transform:scale(1.02)}.skills-container{background-color:#1a0b2e;width:inherit;height:120px;position:relative;z-index:10;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0;box-shadow:0 2px 10px #0000004d;border:none;white-space:nowrap}.skills-container .skills-label{flex:1;z-index:2;background-color:#1a0b2e;height:100%;display:flex;justify-content:flex-start;align-items:center;padding-left:6rem}.skills-container .skills-label h1{color:#7127ba;font-weight:400;transition:all .3s ease}.skills-container .skills-label h1:hover{transform:scale(1.1)}.skills-container .skills-logos{white-space:nowrap;overflow:hidden;flex:4;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.skills-container .skills-logos:active .skills-slider{animation-play-state:paused}.skills-container .skills-logos .skills-slider{z-index:1;display:flex;justify-content:flex-start;align-items:center;animation:13s horizontalSlide infinite linear}.skills-container .skills-logos .skills-slider .skill{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:5rem}.skills-container .skills-logos .skills-slider .skill img{width:40px;height:40px;padding:1rem;background-color:#11071f;border-radius:20px;transition:all .2s ease}.skills-container .skills-logos .skills-slider .skill img:hover{background-color:#3b186c}.skills-container .skills-logos .skills-slider .skill p{margin-top:.3rem;font-size:.8rem;color:#e6e6e6;font-weight:300;transition:all .2s ease}.skills-container .skills-logos .skills-slider .skill p:hover{font-weight:400;color:#fff}.image-frame-container{position:relative;max-width:100%;animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%}.image-frame-container:before{content:"";position:absolute;bottom:2rem;left:2rem;width:100%;aspect-ratio:1.7777777778;background:linear-gradient(to bottom,#11071f,#7127ba);border:1px solid #7127BA;border-radius:0 30px 0 0;z-index:-1;transition:all .2s ease}.image-frame-container:hover:before{background:linear-gradient(to bottom,#11071f80,#7127ba80)}.image-frame-container:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background:#7127ba;filter:blur(200px);border-radius:50%;z-index:-1}.image-frame-container img{border:1px solid #7127BA;border-radius:0 30px 0 0;position:relative;z-index:1;aspect-ratio:1.7777777778;transition:all .3s ease;object-fit:cover}.image-frame-container img:hover{filter:brightness(70%);transform:translate(5px,-5px)}.projects-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:2rem}.projects-container .link-logos{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-top:1rem}.projects-container .link-logos a{transition:all .3s ease}.projects-container .link-logos a:hover{transform:translateY(-3px) scale(1.05)}.projects-container .big-project-info,.projects-container .small-project-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:4rem;z-index:2}.projects-container .big-project-info h3,.projects-container .small-project-info h3{color:#7127ba;font-size:1rem;font-weight:300;line-height:1;animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%}.projects-container .big-project-info h2,.projects-container .small-project-info h2{color:#fff;font-size:3rem;font-weight:600;line-height:1.4;animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%}.projects-container .big-project-info p,.projects-container .small-project-info p{animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%;color:#e6e6e6;font-size:1rem;font-weight:400;line-height:1.7;letter-spacing:1px;padding:1rem;margin-top:1.5rem;margin-right:-3rem;z-index:2;border:1px solid #7127BA;background:linear-gradient(to right,#7127ba1a,#ffffff1a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px}.projects-container .big-project-info p span,.projects-container .small-project-info p span{color:#fff;font-weight:600}.projects-container .big-project-info h3,.projects-container .big-project-info h2,.projects-container .big-project-info p,.projects-container .small-project-info h3,.projects-container .small-project-info h2,.projects-container .small-project-info p{transition:all .2s ease}.projects-container .big-project-info h3:hover,.projects-container .big-project-info h2:hover,.projects-container .big-project-info p:hover,.projects-container .small-project-info h3:hover,.projects-container .small-project-info h2:hover,.projects-container .small-project-info p:hover{transform:translate(5px)}.projects-container .big-project-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin-top:4rem;padding:0 10rem}.projects-container .big-project-container .big-project-image{display:flex;flex-direction:column;justify-content:center;align-items:center}.projects-container .big-project-container.reversed .big-project-info{align-items:flex-end}.projects-container .big-project-container.reversed .big-project-info p{margin-right:0;margin-left:-3rem}.projects-container .big-project-container.reversed .big-project-info h3:hover,.projects-container .big-project-container.reversed .big-project-info h2:hover,.projects-container .big-project-container.reversed .big-project-info p:hover{transform:translate(-5px)}.projects-container .big-project-container.reversed .image-frame-container:before{bottom:2rem;right:2rem;left:auto;border-radius:30px 0 0}.projects-container .big-project-container.reversed .image-frame-container img{border-radius:30px 0 0}.projects-container .big-project-container.reversed .image-frame-container img:hover{filter:brightness(70%);transform:translate(-5px,-5px)}.projects-container .small-projects-section{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 10rem;margin-top:4rem;gap:8rem}.projects-container .small-projects-section .small-project-container{flex:1}.projects-container .small-projects-section .small-project-container .small-project-info{justify-content:center;align-items:center;margin-top:0}.projects-container .small-projects-section .small-project-container .small-project-info h3:hover,.projects-container .small-projects-section .small-project-container .small-project-info h2:hover,.projects-container .small-projects-section .small-project-container .small-project-info p:hover{transform:translateY(-5px)}.projects-container .small-projects-section .small-project-container .small-project-info p{margin:-1.2rem 0 0}.projects-container .small-projects-section .small-project-container .small-project-image{margin-top:2rem;display:flex;justify-content:center;align-items:center}.projects-container #more-projects{margin-top:4rem;animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%}.projects-container #more-projects:hover{transform:none}.projects-container #more-projects a{color:#7127ba;transition:all .3s ease;display:inline-block}.projects-container #more-projects a:hover{transform:translateY(-2px);color:#8e43d7}.experience-item-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;margin-top:2rem;padding-left:3rem}.experience-item-container:before{animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%;content:"";position:absolute;left:0;top:.6rem;bottom:-2rem;width:2px;background:linear-gradient(to bottom,#7127BA,transparent)}.experience-item-container:after{animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%;content:"";position:absolute;left:-6px;top:.5rem;width:14px;height:14px;border-radius:50%;background:#7127ba;box-shadow:0 0 10px #7127bacc,0 0 20px #7127ba66;z-index:1}.experience-item-container .experience-date{position:absolute;left:-5rem;top:.3rem;color:#fff;font-size:1.1rem;font-weight:600}.experience-item-container h1{font-weight:600;font-size:1.5rem}.experience-item-container p{font-weight:300;font-size:1rem;color:#e6e6e6;margin-top:.5rem}.experience-item-container .experience-date,.experience-item-container h1,.experience-item-container p{animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%;transition:all .3s ease}.experience-item-container .experience-date:hover,.experience-item-container h1:hover,.experience-item-container p:hover{transform:translateY(-5px)}.experience-item-container .image-frame-container{align-self:center;margin-top:3rem}.experience-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:2rem}.experience-container .experience-second-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;width:100%;margin-top:2rem;padding:2rem 0 5rem;background-color:#1a0b2e;gap:2rem;z-index:0}.experience-container .experience-second-container .hackathons-column,.experience-container .experience-second-container .leadership-column{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 10rem 0 15rem}.experience-container .experience-second-container .hackathons-column .column-label,.experience-container .experience-second-container .leadership-column .column-label{animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%;font-weight:600;color:#7127ba;font-size:2rem;transition:all .3s ease}.experience-container .experience-second-container .hackathons-column .column-label:hover,.experience-container .experience-second-container .leadership-column .column-label:hover{transform:translateY(-5px)}.certifications-container{display:flex;flex-direction:column;justify-items:flex-start;align-items:center}.certifications-container .certificates-grid{display:grid;grid-template-columns:repeat(2,1fr);row-gap:7rem;column-gap:15rem;margin-top:4rem}.certifications-container .certificates-grid .certificate-item{display:flex;flex-direction:column;justify-content:center;align-items:center}.certifications-container .certificates-grid .certificate-item h1{animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%;font-size:1.5rem;font-weight:600;margin-bottom:3rem;text-align:center;transition:all .3s ease}.certifications-container .certificates-grid .certificate-item h1:hover{transform:translateY(-5px)}.education-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.education-container .education-secondary-container{background-color:#1a0b2e;width:100%;margin-top:4rem;padding:5rem 0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0rem}.education-container .education-secondary-container .school-container{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1rem 5rem}.education-container .education-secondary-container .school-container .school-logo{animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%;flex:1}.education-container .education-secondary-container .school-container .school-logo img{width:300px;height:300px;transition:all .3s ease;margin-right:1rem}.education-container .education-secondary-container .school-container .school-logo img:hover{transform:scale(1.05)}.education-container .education-secondary-container .school-container .school-info{flex:2}.education-container .education-secondary-container .school-container .school-info h2,.education-container .education-secondary-container .school-container .school-info .school-details{animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%;transition:all .3s ease}.education-container .education-secondary-container .school-container .school-info h2:hover,.education-container .education-secondary-container .school-container .school-info .school-details:hover{transform:translateY(-5px)}.education-container .education-secondary-container .school-container .school-info h2{font-size:1.4rem}.education-container .education-secondary-container .school-container .school-info .school-details{font-size:1rem;line-height:1.7;padding:1rem;margin-top:1rem;z-index:2;border:1px solid #7127BA;background:linear-gradient(to right,#7127ba1a,#ffffff1a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px}.education-container .education-secondary-container .school-container .school-info .school-details .school-name{font-weight:600;font-size:1rem}.education-container .education-secondary-container .school-container .school-info .school-details .school-date{font-weight:400;font-size:1rem}.education-container .education-secondary-container .school-container .school-info .school-details .school-achievement{font-weight:300;font-size:1rem;margin-top:1rem}.education-container .education-secondary-container .school-container .school-info .school-details .school-achievement span{font-weight:600}.education-container .education-contact{animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:6rem}.education-container .education-contact h1{font-weight:600;margin-bottom:1rem;transition:all .3s ease}.education-container .education-contact h1:hover{transform:translateY(-5px)}.education-container .education-contact .education-contact-icons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4rem}.education-container .education-contact .education-contact-icons img{width:100px;height:auto;transition:all .3s ease}.education-container .education-contact .education-contact-icons img:hover{transform:translateY(-5px) scale(1.05)}html{scroll-behavior:smooth}*{color:#fff;padding:0;margin:0;font-family:poppins,Arial,Helvetica,sans-serif}body{background-color:#11071f;line-height:1.5;padding:70px 0;margin:0 auto}body,#root{min-width:300px;max-width:1900px}a{text-decoration:none}hr{width:90%;height:2px;margin:4rem 0;border:none;background:linear-gradient(to right,transparent,#7127BA,transparent);box-shadow:0 0 10px #7127ba;animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%}#about,#projects,#experience,#certifications,#education{scroll-margin-top:100px}#projects,#experience,#certifications,#education{font-weight:600;font-size:3rem;transition:all .3s ease;animation:slideUp linear;animation-timeline:view();animation-range:entry 0 cover 20%}#projects:hover,#experience:hover,#certifications:hover,#education:hover{transform:translateY(-3px) scale(1.05)}