*{box-sizing:border-box;margin:0;padding:0}#root{flex-direction:column;gap:3rem;min-height:100vh;display:flex}body{color:#c4c4c4;background-image:linear-gradient(90deg,#151515,#201111);background-size:cover;background-attachment:fixed;padding:2.5rem 8.75rem;font-family:Instrument Sans,system-ui,sans-serif}h1{font-size:2.25rem;font-weight:400}h2{font-size:1.5rem;font-weight:400}h3{font-size:1.25rem;font-weight:400}h4{font-size:1rem;font-weight:400}p{font-size:.875rem;font-weight:400}nav{flex-direction:row;justify-content:space-between;align-items:center;display:flex}nav svg{width:2rem;height:2rem}nav .logo{justify-content:left;align-items:center;gap:1rem;display:flex}nav .logo h3{color:#0000;background:linear-gradient(90deg,#c4c4c4,#ff7373);-webkit-background-clip:text;background-clip:text}nav ul{justify-content:right;align-items:center;gap:2rem;list-style:none;display:flex}.intro{flex-direction:row;justify-content:center;align-items:center;gap:2rem;display:flex}.intro .intro-text{align-items:left;flex-direction:column;gap:2rem;display:flex}.intro .intro-text header{flex-direction:column;gap:.25rem;display:flex}.intro .intro-text header .h1-with-underline h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c4c4c4,#ff7373);-webkit-background-clip:text;background-clip:text;margin:0}.intro .intro-text header .h1-with-underline img{width:17rem;margin-top:-1.25rem}.intro .intro-text h3{width:42.5rem}.tech-stack-header{justify-content:center;align-items:center;gap:.5rem;display:flex}.tech-stack-header svg{color:#c4c4c4;width:1.5em;height:1.5rem;transition:transform .2s,color .2s}.tech-stack-header svg:hover{color:#fff;transform:scale(1.1)}.tech-stack-header svg:active{color:#5f5f5f;transform:scale(1.15)}.techstack{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.carousel-container{flex-direction:row;align-items:center;gap:1rem;width:85%;display:flex}.carousel-window{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.carousel-track{gap:1rem;width:max-content;display:flex}.tech-icon{justify-content:center;align-items:center;min-width:120px;height:120px;display:flex}.tech-icon svg{color:#c4c4c4;width:3.75rem;height:3.75rem;transition:transform .2s,color .2s}.tech-icon svg:hover{color:#fff;transform:scale(1.1)}.arrow{cursor:pointer;color:#c4c4c4;background:0 0;border:none;transition:transform .2s,color .2s}.arrow svg{width:2rem;height:2rem}.arrow:hover{color:#fff;transform:scale(1.15)}.arrow:active{color:#5f5f5f;transform:scale(1.25)}