@import"https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap";:root{--step--2: clamp(1.5rem, 1.2rem + .8vw, 2.2rem);--step--1: clamp(2rem, 1.6rem + 1vw, 3rem);--step-0: clamp(2.5rem, 2rem + 1.2vw, 4rem)}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;background-color:#111;font-family:Rock Salt;color:#fff}.webgl{position:absolute;top:0;left:0;outline:none}canvas.webgl{position:absolute;top:0;left:0;z-index:0}#intro{height:100vh;position:relative;overflow:hidden;background-color:#111}.center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);pointer-events:none;z-index:2}.circle-bg{width:300px;height:auto;display:block;margin-top:30px}.text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-65%)rotate(-10deg);font-family:Rock Salt,cursive;color:#fff;font-size:40px;font-weight:500;line-height:1.3;letter-spacing:8px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.4)}#drives{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;gap:0rem;font-family:Rock Salt,cursive;position:relative;z-index:0}.marquee{position:relative;width:100%;height:5em;font-size:3em;display:grid;place-items:center;overflow:hidden;color:#fff;z-index:2}.marquee:before,.marquee:after{content:"";position:absolute;left:0;width:100%;height:3rem;z-index:2;pointer-events:none}.marquee:before{top:0;background:linear-gradient(to bottom,#000 0%,transparent 100%)}.marquee:after{bottom:0;background:linear-gradient(to top,#000 0%,transparent 100%)}.marquee_blur,.marquee_clear{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;white-space:nowrap}.marquee_blur{background-color:#111;background-image:linear-gradient(to right,rgb(255,0,179),2rem,transparent 50%),linear-gradient(to left,rgb(255,0,179),2rem,transparent 50%);filter:contrast(15);z-index:1}.marquee_blur .track{filter:blur(.1em)}.marquee_clear{z-index:2}.track{display:inline-block;white-space:nowrap}.-focus{color:#f08;font-weight:700}body::-webkit-scrollbar{width:.4rem;height:.8rem}body::-webkit-scrollbar-track{background:#111}body::-webkit-scrollbar-thumb{background:#f0a;border-radius:5px}section{width:100vw;height:100vh;position:relative}#bag{position:relative;min-height:100vh;height:auto;overflow:visible}.skills{position:absolute;top:2rem;right:2rem;border:1px solid #ffffff;border-radius:3rem;color:#fff;background-color:transparent;font-family:Roboto,sans-serif;font-size:.9rem;font-weight:100;padding:.3rem 1.2rem;text-decoration:none;z-index:0;transition:transform .2s ease-in-out;overflow:hidden}.skills:after{content:"";background-color:#f0a;border-radius:3rem;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%) rotate(10deg);transform-origin:top left;transition:transform .2s ease-out;z-index:-1}.skills:hover:after{transform:translate(0)}.skills:hover{color:#000;border:2px solid transparent;transform:scale(1.05)}.bio{position:absolute;top:2rem;left:2rem;border:1px solid #ffffff;border-radius:3rem;color:#fff;background-color:transparent;font-family:Roboto,sans-serif;font-size:.9rem;font-weight:100;padding:.3rem 1.2rem;text-decoration:none;z-index:0;transition:transform .2s ease-in-out;overflow:hidden}.bio:after{content:"";background-color:#f0a;border-radius:3rem;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%) rotate(10deg);transform-origin:top left;transition:transform .2s ease-out;z-index:-1}.bio:hover:after{transform:translate(0)}.bio:hover{color:#000;border:2px solid transparent;transform:scale(1.05)}.contact-me{position:absolute;bottom:2rem;left:2rem;border:2px solid #ffffff;border-radius:3rem;color:#fff;background-color:transparent;font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:100;padding:.5rem 1.5rem;text-decoration:none;z-index:0;transition:transform .2s ease-in-out;overflow:hidden}.contact-me:after{content:"";background-color:#f0a;border-radius:3rem;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%) rotate(10deg);transform-origin:top left;transition:transform .2s ease-out;z-index:-1}.contact-me:hover:after{transform:translate(0)}.contact-me:hover{color:#000;border:2px solid transparent;transform:scale(1.05)}.loader-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s ease}.loader{width:fit-content;font-weight:700;font-family:monospace;font-size:30px;background:radial-gradient(circle closest-side,#000 94%,#0000) right / calc(200% - 1em) 100%;animation:l24 1s infinite alternate linear}.loader:before{content:"Loading...";line-height:1em;color:#0000;background:inherit;background-image:radial-gradient(circle closest-side,#f0a 94%,#3f002b);-webkit-background-clip:text;background-clip:text}@keyframes l24{to{background-position:left}}body{margin:0;padding:0;background:#000;font-family:Arial,sans-serif;overflow:visible}.container{width:100vw;min-height:120vh;height:auto;background:#000;background-size:cover;background-position:center;position:relative}.background-image{position:absolute;height:auto;pointer-events:none;z-index:0;mix-blend-mode:screen}.top-right{top:-55%;right:-30%;width:60%}.bottom-left{bottom:-55%;left:-30%;width:auto;height:auto;max-width:100%;max-height:100%;z-index:0;pointer-events:none}.title-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.title{text-align:center;font-family:Rock Salt;font-size:30px;font-style:normal;font-weight:400;line-height:140%;color:#ff85cc;text-shadow:2px 2px 10px black;white-space:pre-line;letter-spacing:7px;transform:rotate(-15deg)}.bag{position:relative;top:-10%;left:-5%;width:600px;z-index:1;transform:rotate(-5deg)}.spawn-point{position:absolute;top:12%;left:9%;width:0;height:0;pointer-events:none}.item{position:absolute;width:auto;cursor:pointer}.item img{display:block;max-width:80px}.num{position:absolute;width:30px;height:35px}.tooltip{position:absolute;display:none;flex-direction:column;align-items:center;text-align:center;z-index:10;pointer-events:none;color:#fff;font-size:1rem;font-family:Rock Salt,cursive;margin-top:10px;max-width:150px;line-height:1.3}.arrow{position:absolute;display:none;z-index:9}.tooltip-arrow svg{width:80px;height:auto}.item1{top:45%;left:3%;width:170px}.num1{top:50%;left:2%}.tooltip1{top:50%;left:14%;transform:rotate(-10deg)}.arrow1{top:60%;left:8%;transform:rotate(20deg) scaleY(-1)}.item2{top:18%;left:40%;width:135px}.num2{top:26%;left:38%}.tooltip2{top:7%;left:46%;transform:rotate(-10deg)}.arrow2{top:8%;left:40%;transform:rotate(280deg)}.item3{top:0%;left:18%;width:300px}.num3{top:7%;left:24%}.tooltip3{top:3%;left:38%;transform:rotate(-10deg)}.arrow3{top:3%;left:30%;transform:rotate(-50deg)}.item4{top:57%;left:24%;width:170px}.num4{top:61%;left:22%}.tooltip4{top:77%;left:25%;transform:rotate(-10deg)}.arrow4{top:72%;left:20%;transform:rotate(-80deg) scaleX(-1)}.item5{top:26%;left:61%;width:220px;transform:rotate(15deg)}.num5{top:40%;left:73%}.tooltip5{top:30%;left:75%;transform:rotate(-10deg)}.arrow5{top:45%;left:73%;transform:rotate(10deg) scaleY(-1)}.item6{top:3%;left:52%;width:330px;transform:rotate(-15deg)}.num6{top:8%;left:68%}.tooltip6{top:8%;left:70%;transform:rotate(-10deg)}.arrow6{top:0;left:65%;transform:rotate(-20deg)}.item7{top:60%;left:8%;width:250px}.num7{top:77%;left:10%}.tooltip7{top:80%;left:.5%;transform:rotate(-10deg)}.arrow7{top:70%;left:3%;transform:rotate(20deg) scaleX(-1)}.item8{top:2%;left:78%;width:180px;transform:rotate(-125deg)}.num8{top:4%;left:85%}.tooltip8{top:4%;left:88%;transform:rotate(-10deg)}.arrow8{top:18%;left:82%;transform:rotate(10deg) scaleY(-1)}.item9{top:70%;left:38%;width:160px}.num9{top:85%;left:36%}.tooltip9{top:80%;left:47%;transform:rotate(-10deg)}.arrow9{top:67%;left:47%;transform:rotate(-10deg)}.item10{top:70%;left:57%;width:170px;transform:rotate(20deg)}.num10{top:69%;left:58%}.tooltip10{top:80%;left:68%;transform:rotate(-10deg)}.arrow10{top:67%;left:68%;transform:rotate(-10deg)}.item11{top:30%;left:85%;width:130px}.num11{top:33%;left:94%}.tooltip11{top:30%;left:78%;transform:rotate(-10deg)}.arrow11{top:40%;left:80%;transform:rotate(170deg)}.item12{top:50%;left:77%;width:300px}.num12{top:55%;left:85%}.tooltip12{top:65%;left:65%;transform:rotate(-10deg)}.arrow12{top:60%;left:75%;transform:rotate(70deg) scaleX(-1)}.rotating-svg{animation:spin 5s linear 5;transform-origin:center;display:block;width:210px;height:210px;position:absolute;top:68%;left:8%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#about-me{position:relative;width:100%;min-height:100vh;color:#fff;display:flex;align-items:center;justify-content:center;padding:2rem;font-family:Rock Salt,cursive;z-index:0;margin-top:5vh}.about-container{display:flex;gap:2rem;color:#fff;padding:3rem 5vw;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.images-stack{position:relative;width:350px;height:500px;transform:translate(-40px,90px)}.stack-img{position:absolute;width:100%;height:auto;cursor:pointer;z-index:1;border-radius:8px}.stack-img.active{z-index:10!important;opacity:1}.stack-img[data-index="0"]{transform:translate(0) scale(1);z-index:3}.stack-img[data-index="1"]{transform:translate(20px,-20px) scale(1.05);z-index:2}.stack-img[data-index="2"]{transform:translate(40px,-40px) scale(1.1);z-index:1}.about-layout{flex:1.5;width:150px;margin-left:3rem}.about-layout h2{font-size:2rem;line-height:1.7;margin-bottom:1rem}.about-layout h3{font-size:1.5rem;margin:1.5rem 0 .5rem;font-family:Nothing You Could Do,cursive}.about-layout p{font-size:1.1rem;line-height:1.6;max-width:400px;font-family:Nothing You Could Do,cursive}.ability-list{display:flex;gap:2rem;margin-top:1rem;font-size:.9rem}.ability-left,.ability-right{list-style:none;padding:0;margin:0}.ability-left li a{color:#fff;font-family:Rock Salt}.ability-right li{font-family:Rock Salt;color:#fff}.timeline{flex:1.5;min-width:300px;margin-top:130px;margin-left:3.5rem}.timeline h3{font-size:1.5rem;margin-bottom:1rem;font-family:Nothing You Could Do,cursive}.timeline-content{display:grid;grid-template-columns:80px 1fr;align-items:start;column-gap:1rem}.timeline-content ul{list-style:none;padding:0;font-family:Nothing You Could Do,cursive;font-size:1.1rem;line-height:1.7;margin-top:15px;display:grid;grid-template-rows:repeat(5,80px);gap:10px}.timeline-content li{margin-bottom:.8rem}.timeline-content li em{font-style:italic;color:#ccc}.timeline-content li strong{color:#ff69b4;font-size:1.3rem}.timeline-svg{width:80px;height:auto;margin-top:.2rem}.bottom-right{width:70%;right:-35%;top:30%}#contact{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.contact-container{display:flex;justify-content:center;align-items:center;perspective:700px}.contact-box{position:relative;transform-style:preserve-3d;animation:spinContact 8s ease-in-out infinite alternate}.contact-box span{position:absolute;text-transform:uppercase;font-size:2.5rem;color:#ff60bf;white-space:nowrap;padding:0 10px;transform:translate(-50%,-50%) rotateX(calc(var(--i) * 40deg)) translateZ(120px);transform-style:preserve-3d;text-shadow:0 10px 15px rgba(0,0,0,.3);font-family:Rock Salt,cursive}.contact-box span i:nth-child(1){color:#f09}.contact-box span i:nth-child(2){color:#ffa8e6}@keyframes spinContact{0%{transform:perspective(700px) rotateX(0) rotate(deg)}to{transform:perspective(330px) rotateX(360deg) rotate(5deg)}}.contact-container{display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:600px;gap:2rem}.email-link{display:flex;align-items:center;gap:.75rem;color:#f8359a;font-family:Rock Salt,cursive;font-size:1.3rem;text-decoration:none;transition:color .3s ease;z-index:2;position:relative;top:15rem}.email-link:hover{color:#fff;text-shadow:0 0 5px #f8359a,0 0 10px #f8359a}.arrow-circle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.arrow-icon{width:100%;height:100%;stroke:#f8359a;transition:stroke .3s ease,transform .3s ease}.email-link:hover .arrow-icon{stroke:#fff;transform:translate(3px)}@media (max-width: 800px){.contact-box span{font-size:1.5rem}}