@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{background:#000;color:#fff;font-family:Space Grotesk,sans-serif}body{max-width:100vw;overflow-x:hidden}.bg-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px)}.bg-orb-1{top:-20%;right:-5%;width:700px;height:700px;background:radial-gradient(ellipse,rgba(0,120,255,.18) 0%,transparent 70%);animation:driftA 14s ease-in-out infinite}.bg-orb-2{bottom:10%;left:-10%;width:600px;height:600px;background:radial-gradient(ellipse,rgba(110,0,255,.12) 0%,transparent 70%);animation:driftB 18s ease-in-out infinite}@keyframes driftA{0%,to{transform:translate(0)}33%{transform:translate(-40px,50px)}66%{transform:translate(25px,-25px)}}@keyframes driftB{0%,to{transform:translate(0)}33%{transform:translate(50px,-35px)}66%{transform:translate(-20px,30px)}}.home-page{display:flex;flex-wrap:wrap;margin:70px auto 0;width:90vh;gap:70px;animation-name:fadeIn;animation-duration:1s;position:relative;z-index:1}.tech-arsenal,.projects-main{width:100%}.buttons{border-radius:50%;height:1.5em;width:1.5em;transition:background-color .5s}.buttons:hover{background-color:#0af;cursor:pointer}.navigation{display:flex;gap:20px;justify-content:center}@media (max-width: 800px){.home-page{width:50vh}}.scroll-progress-bar{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,#0af,#823cff);box-shadow:0 0 10px #0afc,0 0 24px #00aaff4d;z-index:99997;pointer-events:none}.parent{display:flex;flex-direction:row;margin-bottom:70px;animation-name:fadeInFromTop;animation-duration:1s}.show.picture{animation-name:fadeInFromTop;animation-duration:1s}.picture{border-radius:100px;margin-bottom:10px}.child1{display:flex;flex-direction:column;align-items:center;margin-right:40px}.linkedIn,.github,.instagram{transition:transform .3s ease}.linkedIn:hover,.github:hover,.instagram:hover{transform:scale(1.25);cursor:pointer}.contact-handles{display:grid;grid-template-columns:repeat(3,auto);gap:16px}.show.linkedIn{animation-name:fadeInScale;animation-duration:1s}.show.github{animation-name:fadeInScale;animation-duration:1s;animation-delay:.4s;animation-fill-mode:backwards}.show.instagram{animation-name:fadeInScale;animation-duration:1s;animation-delay:.2s;animation-fill-mode:backwards}.location{color:#a2a2a2}.show.location{animation-name:fadeIn;animation-duration:1s}.status-badge{display:flex;align-items:center;gap:8px;border:1px solid rgba(0,210,80,.35);background:#00d25012;padding:5px 14px;border-radius:50px;margin-bottom:14px;width:fit-content;font-size:13px;font-weight:500;color:#00dc50e6;animation:fadeIn 1s ease forwards .3s;opacity:0}.status-dot{width:7px;height:7px;background:#00dc50;border-radius:50%;flex-shrink:0;animation:pulse-dot 2.2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #00dc5080}50%{box-shadow:0 0 0 5px #00dc5000}}.name-reveal{font-size:70px;font-weight:700;line-height:1.05;margin-bottom:10px;color:#fff}.name-char{display:inline-block;transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}.show.occupation{animation-name:fadeInFromLeft;animation-duration:1s;animation-delay:.2s;animation-fill-mode:backwards}.occupation{color:#a2a2a2;font-size:20px;margin-bottom:20px}.child2{display:flex;flex-direction:column}.show.description{animation-name:fadeInFromLeft;animation-duration:1s;animation-delay:.4s;animation-fill-mode:backwards}.description{line-height:1.6}@media (max-width: 800px){.parent{flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.child1{margin-right:0;margin-bottom:40px}.child2{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;text-align:center}.name-reveal{font-size:40px}}.show.title-logo{animation-name:spin;animation-duration:.8s;animation-fill-mode:forwards}.show.section-name{animation-name:fadeInFromBottom;animation-duration:.8s;animation-fill-mode:forwards}.show.dotted-line{animation-name:drawLine;animation-duration:1s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:forwards}.title{display:flex;flex-direction:column;width:100%}.title-logo{border:1px solid rgba(0,170,255,1);background-color:#09174b;padding:20px;border-radius:20px;opacity:0}.section-name{justify-content:center;font-size:40px;font-weight:700;background:linear-gradient(90deg,#fff,#c3c8e6 35%,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;opacity:0}.dotted-line{border:none;height:1px;background:linear-gradient(90deg,#19138400 0% 10%,#3b82f6 50%,#09097900 90% 100%);margin:16px 0 50px;width:100%;opacity:0;transform-origin:left center}.section{display:flex;flex-direction:row;gap:40px;align-items:center}.stack-border{display:grid;justify-content:center;gap:30px;grid-template-columns:repeat(6,auto);flex-wrap:wrap;width:100%;animation-name:fadeInFromBottom;animation-duration:1s}@media (max-width: 800px){.stack-border{grid-template-columns:repeat(2,auto)}}.application-logo{border-radius:20px;margin-bottom:20px;transition:transform .4s cubic-bezier(.4,0,.2,1)}.stack:hover .application-logo{transform:scale(1.15)}.stack{display:flex;grid-template-columns:repeat(5,1fr);flex-direction:column;align-items:center;border:1px solid rgba(59,130,246,.3);padding:10px;border-radius:15px;width:100px;height:100px;opacity:0;transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}.stack:hover{background-color:#14141e;box-shadow:0 0 24px #0af3,0 0 48px #00aaff0f;border-color:#00aaffb3;transform:translateY(-4px)}.show.stack{animation-name:fadeInFromBottom;animation-duration:.6s;opacity:1;animation-fill-mode:backwards}.application{opacity:0}.application.show{opacity:1}.marquee-wrapper{width:100%;overflow:hidden;padding:20px 0}.marquee-track{display:flex;flex-direction:row;gap:40px;width:max-content;animation:marquee 35s linear infinite}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track .project-parent,.marquee-track .project,.marquee-track .title-stack,.marquee-track .project-title,.marquee-track .stack-align,.marquee-track .project-description{opacity:1;animation:none}.project-parent{display:flex;position:relative;flex-direction:column;border-radius:20px;overflow:hidden;transition:transform 2s ease;width:400px;border:1px solid rgba(0,170,255,1);opacity:0}.show.project-parent,.show.project,.show.title-stack,.show.project-title,.show.stack-align,.show.project-description{animation-name:fadeInFromBottom;animation-duration:1s;animation-fill-mode:forwards}.project{display:flex;position:relative;flex-direction:column;border-radius:20px;overflow:hidden;padding:10px;opacity:0}.project-parent:hover{transform:scale(1.05);cursor:pointer}.project-image{width:100%;height:60%;margin-bottom:20px}.project-title{font-weight:700;margin-left:10px;font-size:25px;opacity:0}.project-description{line-height:1.5;margin-left:10px;font-size:15px;margin-bottom:20px;opacity:0}.title-stack{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px;opacity:0}.stack-align{display:flex;gap:8px;align-items:center;margin-right:10px;opacity:0}.experience-stack{display:flex;flex-direction:column;align-items:center}@keyframes fadeInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes fadeInFromBottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes drawLine{0%{transform:scaleX(0);opacity:1}to{transform:scaleX(1);opacity:1}}.experience{display:flex;flex-direction:row;width:80%;border-left:1px solid rgb(162,162,162)}.title-align{display:flex;flex-direction:row}.circle{width:10px;height:10px;background-color:#0af;border-radius:50%;display:block;position:absolute;transform:translateY(10px) translate(-6px)}.experience-content{display:flex;flex-direction:column;margin-bottom:50px;opacity:0}.show.experience-content{animation-name:fadeInFromBottom;animation-duration:1s;animation-fill-mode:forwards}.scrolling-up.experience-content{opacity:1}.experience-company{font-weight:700;font-size:30px}.experience-title{font-size:20px;color:#0af}.experience-date{color:#a2a2a2}.experience-description{line-height:1.5}.experience-company,.experience-title,.experience-content,.experience-date,.experience-description{margin-left:20px}@media (max-width: 800px){.vertical-line-with-dot{width:2px;height:400px;background-color:#a2a2a2;position:relative;margin-right:20px}}.lets-connect{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.email{border:30px;font-size:20px;border-radius:30px;font-family:Space Grotesk,sans-serif;color:#fff;background:transparent;border:.5px solid rgba(59,130,246,.5);padding:20px;transition:transform .5s ease,background-color .5s ease;margin-bottom:90px;opacity:0}.show.email{animation-name:fadeInFromBottom;animation-duration:2s;animation-fill-mode:forwards}.email:hover{transform:scale(1.1);background-color:#09174b;cursor:pointer}.call-to-action{font-size:20px;letter-spacing:3px;margin-bottom:20px;text-align:center}.show.call-to-action{animation-name:fadeInFromBottom;animation-duration:2s;animation-fill-mode:forwards}.lets-connect-name{justify-content:center;font-size:40px;font-weight:700;background:#fff;background:linear-gradient(90deg,#fff,#3b82f6 35%,#c3c8e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;opacity:0}.show.lets-connect-name{animation-name:fadeInFromBottom;animation-duration:2s;animation-fill-mode:forwards}