@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.header{position:fixed;top:25px;left:50%;transform:translate(-50%);border:1px solid rgb(39,41,53);border-radius:15px;background:#2d2d3d;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#2d2d3d78,#01031c 65%);transition:transform .5s ease-in-out}.header .header-nav{padding:20px 25px}.header .header-nav a{text-decoration:none;color:#fff;margin:10px;font-size:.9rem;transition:color .3s ease}.header .header-nav a:hover,.header .header-nav .active{color:#cbacf9}.header-hidden{transform:translate(-50%,-100px)}.hero-container{height:calc(100svh - 40px);width:100%;display:flex;flex-direction:column;position:relative;justify-content:center;align-items:center;padding:20px 0}.hero-container p{color:#bdbdbd;margin:0}.hero-container div{display:flex;position:relative;justify-content:center;gap:5px 10px;flex-wrap:wrap;width:70%;margin:20px 0;overflow:visible}.hero-container div h1{color:#fff;text-align:center;font-size:3.5rem;opacity:0;margin:0}.hero-container .hero-text-purple{color:#cbacf9}.hero-container .hero-description{text-align:center;font-size:1.3rem;width:60%;opacity:0;transform:translateY(40px);margin-bottom:30px}.hero-container .hero-title{text-align:center;font-size:.9rem;text-transform:uppercase}@media (max-width: 900px){.hero-container div{width:90%}.hero-container div h1{font-size:3rem}}@media (max-width: 600px){.hero-container div{width:90%}.hero-container div h1{font-size:2.3rem}.hero-container .hero-description{font-size:1rem;width:80%}}@media (max-width: 400px){.hero-container div{width:90%}.hero-container div h1{font-size:1.8rem}.hero-container .hero-description{width:90%}}.app-button-container .app-button{--borderWidth: 2px;background:#01031c;position:relative;border-radius:15px;text-decoration:none;color:#fff;padding:15px 40px;display:flex;align-items:center;border:none;font-size:.9rem}.app-button-container .app-button:after{content:"";position:absolute;top:calc(-1 * var(--borderWidth));left:calc(-1 * var(--borderWidth));height:calc(100% + var(--borderWidth) * 2);width:calc(100% + var(--borderWidth) * 2);background:linear-gradient(60deg,#cbacf9,#1098ad);border-radius:15px;z-index:-1;animation:animatedgradient 3s ease alternate infinite;background-size:300% 300%}@keyframes animatedgradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.experience-container{display:flex;justify-content:center;gap:20px;position:relative}.experience-container .balls{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;pointer-events:none}@media (max-width: 600px){.experience-container .balls{top:10%;transform:rotate(90deg) translateY(50%);width:600px;transform:rotate(90deg)}}@media (max-width: 400px){.experience-container .balls{top:10%;transform:rotate(90deg) translateY(50%);width:600px}}.experience-container .experience{position:relative;background-color:#01031c;border-radius:15px;height:170px;border:1px solid rgb(39,41,53);width:50%;display:flex;align-items:end;overflow:hidden}.experience-container .experience div{margin-left:20px;transition:all .3s ease-in-out;z-index:2}.experience-container .experience div h3{color:#fff;font-size:1.3rem;margin:0}.experience-container .experience div p{color:#bdbdbd;font-size:.9rem}.experience-container .experience .experience-photo-1{position:absolute;top:50%;transform:translateY(-50%);right:0;height:100%}.experience-container .experience .experience-photo-2{position:absolute;top:0;right:0;height:80%}@media (max-width: 900px){.experience-container .experience{width:50%}}@media (max-width: 600px){.experience-container{flex-direction:column}.experience-container .experience{width:100%}}#projects{position:relative}.projects-container{display:grid;width:100%;grid-template-columns:repeat(2,1fr);grid-gap:20px;position:relative}.projects-container .project{z-index:5;height:500px;width:calc(100% - 40px);border:1px solid rgb(39,41,53);border-radius:15px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;background-color:#01031c}.projects-container .project .project-image-box{width:100%;height:60%;overflow:hidden;display:flex;justify-content:center}.projects-container .project .project-image-box .project-image{width:100%;height:100%;border-radius:10px;object-fit:cover;pointer-events:none}.projects-container .project .project-description{margin-top:10px}.projects-container .project .project-description h3{color:#fff;font-size:1.3rem;margin-bottom:0}.projects-container .project .project-description p{color:#bdbdbd;font-size:1rem;margin-top:10px}.projects-container .project .project-details{display:flex;justify-content:space-between;align-items:center}.projects-container .project .project-details .project-tech-stack{position:relative;height:41px}.projects-container .project .project-details .project-tech-stack .project-tech-icon{position:absolute;width:25px;height:25px;padding:8px;border-radius:50%;border:1px solid rgb(39,41,53);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#2d2d3d78,#01031c 65%)}.projects-container .project .project-details .project-urls{display:flex;align-items:center;gap:20px}.projects-container .project .project-details .project-urls a{color:#cbacf9;text-decoration:none;font-size:1.3rem;gap:5px;display:flex;align-items:center;transition:all .3s ease-in-out}.projects-container .project .project-details .project-urls a:hover{transform:translateY(-2px)}@media (max-width: 900px){.projects-container .project .project-details .project-urls{gap:15px}.projects-container .project .project-details .project-urls a{font-size:1.1rem}}@media (max-width: 900px){.projects-container{grid-template-columns:repeat(1,1fr)}}.about-container{display:flex;gap:20px;position:relative;align-items:center}.about-container .about-text{width:calc(50% - 40px);height:fit-content;padding:20px;display:flex;flex-direction:column;border-radius:15px;border:1px solid rgb(39,41,53);position:relative;background-color:#01031c;z-index:3}.about-container .about-text .about-text-code{margin-top:20px;font-size:1.3rem}.about-container .about-text .about-text-code .white{color:#fff}.about-container .about-text .about-text-code .red{color:#ff6e6e}.about-container .about-text .about-text-code .green{color:#63fa63}.about-container .about-text .about-text-code .orange{color:#e7900f}.about-container .about-text .about-text-code .yellow{color:#fff351}.about-container .about-text .about-text-code span,.about-container .about-text .about-text-code p,.about-container .about-text .about-text-code div{opacity:0}.about-container .about-text .about-text-code .about-text-list{margin-left:35px}.about-container .about-text .about-text-code .about-text-list p{margin:0 0 0 35px}.about-container .about-skills{width:calc(60% - 40px);display:flex;height:500px;position:relative;justify-content:center;align-items:center;flex-direction:column;justify-content:space-between}.about-container .about-skills .skills-wheel{color:#fff;position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.about-container .about-skills .skills-wheel .world-img{width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-container .about-skills .skills-wheel .outer-circle{height:400px;width:400px;border-radius:50%;border:1px solid rgb(39,41,53);display:flex;justify-content:center;align-items:center}.about-container .about-skills .skills-wheel .outer-circle .inner-circle{height:280px;width:280px;border-radius:50%;border:1px solid rgb(39,41,53)}.about-container .about-skills .skills-wheel .skills-item{position:absolute;height:50%;display:flex}.about-container .about-skills .skills-wheel .skills-item .skills-item-inner{width:45px;height:45px;padding:5px;display:flex;justify-content:center;align-items:center;background-color:#01031c;border-radius:15px;border:1px solid rgb(39,41,53)}.about-container .about-skills .left-line{position:absolute;width:20%;transform:rotate(180deg);bottom:50%;left:-10px}.about-container .about-skills .right-line{position:absolute;width:20%;top:50%;right:-10px}@media (max-width: 1500px){.about-container .about-skills .left-line{transform:scaleX(-1);right:0;left:70%;width:40%;bottom:0}.about-container .about-skills .right-line{left:70%;width:40%;top:0}}@media (max-width: 900px){.about-container{flex-direction:column}.about-container .about-text{width:calc(100% - 40px)}.about-container .about-skills{height:100vw;width:100%}.about-container .about-skills .skills-wheel .outer-circle{height:calc(100vw - 90px);width:calc(100vw - 90px)}.about-container .about-skills .skills-wheel .outer-circle .inner-circle{height:calc(100vw - 200px);width:calc(100vw - 200px)}}#contact{position:relative}.contact-container{display:flex;gap:20px;justify-content:center;align-items:center;position:relative;padding-bottom:60px}.contact-container .contact-welcoming{width:60%;height:400px;border:1px solid rgb(39,41,53);border-radius:15px;display:flex;align-items:end;position:relative;background-image:url(/b1.svg);background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#01031c}.contact-container .contact-welcoming h4{color:#fff;font-size:1.8rem;transition:all .3s ease-in-out;margin:0;padding:20px;width:60%}.contact-container .contact-button{width:40%;height:400px;border:1px solid rgb(39,41,53);border-radius:15px;background-color:#01031c;display:flex;justify-content:center;align-items:center;gap:20px;flex-direction:column;background-image:url(/blurry-gradient.svg);background-repeat:no-repeat;background-position:right bottom;position:relative}.contact-container .contact-button .confetti-gif{display:none;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);height:40%;z-index:5;pointer-events:none}.contact-container .contact-button p{color:#fff;font-size:1.8rem;width:60%;margin:0;text-align:center;font-weight:700}@media (max-width: 900px){.contact-container{flex-direction:column;gap:20px}.contact-container .contact-welcoming,.contact-container .contact-button{width:100%}}footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;position:relative;gap:20px}footer p{color:#fff;font-size:.9rem;margin:0}footer nav{display:flex;gap:10px}footer nav a{background-color:#01031c;border-radius:10px;padding:10px;border:1px solid rgb(39,41,53)}footer nav a img{display:flex;align-items:center;justify-content:center;height:20px}@media (max-width: 400px){footer{flex-direction:column}}html{scroll-behavior:smooth}body{margin:0;background-color:#000319;font-family:Inter,sans-serif;cursor:url(/cursor.png) 4 12,auto}#root{max-width:1500px;margin:auto;overflow:hidden;padding:0 100px;background-image:url(/grid2.svg);background-size:contain;background-repeat:no-repeat;background-position:bottom}@media (max-width: 1200px){#root{padding:0 40px}}@media (max-width: 900px){#root{padding:0 20px}}::selection{background:#d0b1ff80}button,a{cursor:url(/pointer.png) 2 2,pointer}.gradient{position:absolute;z-index:1;mix-blend-mode:screen;pointer-events:none;filter:blur(30px)}.center{translate:-50% -50%}.section-title{font-size:3.5rem;color:#fff;text-align:center;margin:100px 0;padding:0}.section-title span{color:#cbacf9}@media (max-width: 900px){.section-title{font-size:3rem}}@media (max-width: 600px){.section-title{font-size:2.3rem}}@media (max-width: 400px){.section-title{font-size:1.8rem}}.title-in-section{text-align:left;margin:0}.grid-background-1{background-image:url(/grid1.svg);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,0) 0%,rgb(0,3,25) 5%),linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgb(0,3,25) 5%),linear-gradient(to left,rgba(0,0,0,0) 0%,rgb(0,3,25) 5%),linear-gradient(to right,rgba(0,0,0,0) 0%,rgb(0,3,25) 5%);-webkit-mask-composite:destination-in;mask-composite:intersect}.grid-background-2{background-image:url(/grid2.svg)}.grid-background-1,.grid-background-2{position:absolute;top:0;left:0;width:100%;height:100%}