.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#000}.sidebar .bg{z-index:999;position:fixed;top:0;left:0;bottom:0;width:400px;background:white}@media (max-width: 738px){.sidebar .bg{width:200px}}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg .links a{font-size:40px;position:relative;text-decoration:none;color:#000;transition:all .3s ease}@media (max-width: 738px){.sidebar .bg .links a{font-size:20px}}.sidebar .bg .links a:hover{background:linear-gradient(to right,#c084fc,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar button{z-index:999;width:50px;height:50px;border-radius:50%;position:fixed;top:25px;left:25px;background-color:transparent;border:none;cursor:pointer}.navbar{height:100px}.navbar .wrapper{max-width:1366px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%}@media (max-width: 738px){.navbar .wrapper{justify-content:flex-end;padding:20px}}.navbar .wrapper span{font-weight:700}@media (max-width: 738px){.navbar .wrapper span{display:none}}.navbar .wrapper .social{display:flex;gap:20px}.navbar .wrapper .social img{width:18px;height:18px}:root{--neon-purple: #b700ff;--dark-purple-1: #10060f;--dark-purple-2: #2a1130;--neon-pink: rgba(255, 0, 255, .7);--dark-purple: #2d0036;--light-purple: #8c00a3}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}section{min-height:100vh;scroll-snap-align:start}body{background-color:rgb(18,18,18,var(--tw-bg-opacity));color:#d3d3d3}a{text-decoration:none;color:inherit}#Experiences{min-height:auto;scroll-snap-align:start}.experiences-container{position:relative;overflow:hidden}#Footer{min-height:auto;scroll-snap-align:end}:root{--tw-bg-opacity: 1}.intro{will-change:transform,opacity;height:calc(100vh - 100px);overflow:hidden;position:relative;contain:layout;background-image:linear-gradient(210deg,rgba(255,0,255,.2),transparent 49%),linear-gradient(48deg,rgba(183,0,255,.3),transparent 53%),url(/static/background-intro.1ceec1e710.png),linear-gradient(212deg,#10060f,#2a1130);background-position:0 0,0 0,50% 30%,0 0;background-size:auto,auto,cover,auto;background-attachment:scroll,scroll,scroll,scroll;box-shadow:none}.intro:before{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(255,0,255,0) 0%,rgba(255,0,255,.7) 50%,rgba(255,0,255,0) 100%);filter:blur(3px);opacity:.8;top:0}.intro:after{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(255,0,255,0) 0%,rgba(255,0,255,.7) 50%,rgba(255,0,255,0) 100%);filter:blur(3px);opacity:.8;bottom:0}.intro .threejs-container{position:absolute;top:0;left:0;width:100%;height:100%}.intro .wrapper{max-width:1366px;height:100%;margin:auto}.intro .wrapper .text-container{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:40px;will-change:transform,opacity}@media (max-width: 738px){.intro .wrapper .text-container{width:100%;height:50%;gap:20px;align-items:center;text-align:center}}.intro .wrapper .text-container h2{display:inline-block;font-size:30px;font-weight:700;background-image:linear-gradient(to right,#c084fc,#db2777,#c084fc);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shine 3s linear infinite;letter-spacing:10px}@keyframes shine{to{background-position:200% center}}.intro .wrapper .text-container h1{font-size:88px}@media (max-width: 738px){.intro .wrapper .text-container h1{font-size:36px}}.intro .wrapper .text-container .h1{font-size:88px}@media (max-width: 738px){.intro .wrapper .text-container .h1{font-size:36px}}.intro .wrapper .text-container .buttons{z-index:2}.intro .wrapper .text-container .buttons button{padding:20px;border:1px solid white;border-radius:10px;background-color:transparent;color:#fff;margin-right:20px;cursor:pointer;font-weight:300}.intro .wrapper .text-container img{width:50px}.intro .image-container{height:100%;position:absolute;top:0;right:0;z-index:2}@media (max-width: 738px){.intro .image-container{height:50%;width:100%;top:unset;bottom:0}}.intro .image-container img{width:100%;height:170%;margin-top:20px;object-fit:contain}.intro .sliding-text-container{position:absolute;font-size:50vh;bottom:-120px;white-space:nowrap;color:#ffffff20;width:200%;font-weight:700;z-index:1}.intro span{flex:0 0 100%}