@import"https://fonts.googleapis.com/css2?family=Krona+One&family=Syne:wght@800&display=swap";@import"https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@1&display=swap";@import"https://fonts.googleapis.com/css2?family=Michroma&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@800&display=swap";@import"https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap";@import"https://fonts.googleapis.com/css2?family=Syncopate&display=swap";@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Antonio&display=swap";@font-face{font-family:Roslindale;src:url(/assets/Roslindale-DisplayCondensedExtraLightItalic-Testing-CC8DS88Q.ttf) format("truetype")}@font-face{font-family:Schoolin;src:url(/assets/Schoolin-DD1CgTn_.ttf)}@font-face{font-family:Monument;src:url(/assets/MonumentExtended-Regular-C8KTyA3T.otf)}@font-face{font-family:Gamora;src:url(/assets/gamora-D4siRXwI.ttf)}.paths{animation:paths 5s step-end infinite}.layers{position:relative}.layers:before,.layers:after{content:attr(data-text);position:absolute;width:110%;z-index:-1}.layers:before{top:10px;left:15px;color:#f07}.layers:after{top:15px;left:-10px;color:#00c3ff}.glitch span{animation:paths .5s step-end infinite}.glitch:before{animation:paths .4s step-end infinite,opacity 5s step-end infinite,font 8s step-end infinite,movement 10s step-end infinite}.glitch:after{animation:paths .5s step-end infinite,opacity 5s step-end infinite,font 7s step-end infinite,movement 8s step-end infinite}@keyframes font{0%{font-weight:100;color:#e0287d;filter:blur(3px)}20%{font-weight:500;color:#fff;filter:blur(0)}50%{font-weight:300;color:#1bc7fb;filter:blur(2px)}60%{font-weight:700;color:#fff;filter:blur(0)}90%{font-weight:500;color:#e0287d;filter:blur(6px)}}@keyframes opacity{0%{opacity:.1}5%{opacity:.7}30%{opacity:.4}45%{opacity:.6}76%{opacity:.4}90%{opacity:.8}1%,7%,33%,47%,78%,93%{opacity:0}}@keyframes movement{0%{top:0;left:-20px}15%{top:10px;left:10px}60%{top:5px;left:-10px}75%{top:-5px;left:20px}to{top:10px;left:5px}}@keyframes paths{0%{clip-path:polygon(0% 43%,83% 43%,83% 22%,23% 22%,23% 24%,91% 24%,91% 26%,18% 26%,18% 83%,29% 83%,29% 17%,41% 17%,41% 39%,18% 39%,18% 82%,54% 82%,54% 88%,19% 88%,19% 4%,39% 4%,39% 14%,76% 14%,76% 52%,23% 52%,23% 35%,19% 35%,19% 8%,36% 8%,36% 31%,73% 31%,73% 16%,1% 16%,1% 56%,50% 56%,50% 8%)}5%{clip-path:polygon(0% 29%,44% 29%,44% 83%,94% 83%,94% 56%,11% 56%,11% 64%,94% 64%,94% 70%,88% 70%,88% 32%,18% 32%,18% 96%,10% 96%,10% 62%,9% 62%,9% 84%,68% 84%,68% 50%,52% 50%,52% 55%,35% 55%,35% 87%,25% 87%,25% 39%,15% 39%,15% 88%,52% 88%)}30%{clip-path:polygon(0% 53%,93% 53%,93% 62%,68% 62%,68% 37%,97% 37%,97% 89%,13% 89%,13% 45%,51% 45%,51% 88%,17% 88%,17% 54%,81% 54%,81% 75%,79% 75%,79% 76%,38% 76%,38% 28%,61% 28%,61% 12%,55% 12%,55% 62%,68% 62%,68% 51%,0% 51%,0% 92%,63% 92%,63% 4%,65% 4%)}45%{clip-path:polygon(0% 33%,2% 33%,2% 69%,58% 69%,58% 94%,55% 94%,55% 25%,33% 25%,33% 85%,16% 85%,16% 19%,5% 19%,5% 20%,79% 20%,79% 96%,93% 96%,93% 50%,5% 50%,5% 74%,55% 74%,55% 57%,96% 57%,96% 59%,87% 59%,87% 65%,82% 65%,82% 39%,63% 39%,63% 92%,4% 92%,4% 36%,24% 36%,24% 70%,1% 70%,1% 43%,15% 43%,15% 28%,23% 28%,23% 71%,90% 71%,90% 86%,97% 86%,97% 1%,60% 1%,60% 67%,71% 67%,71% 91%,17% 91%,17% 14%,39% 14%,39% 30%,58% 30%,58% 11%,52% 11%,52% 83%,68% 83%)}76%{clip-path:polygon(0% 26%,15% 26%,15% 73%,72% 73%,72% 70%,77% 70%,77% 75%,8% 75%,8% 42%,4% 42%,4% 61%,17% 61%,17% 12%,26% 12%,26% 63%,73% 63%,73% 43%,90% 43%,90% 67%,50% 67%,50% 41%,42% 41%,42% 46%,50% 46%,50% 84%,96% 84%,96% 78%,49% 78%,49% 25%,63% 25%,63% 14%)}90%{clip-path:polygon(0% 41%,13% 41%,13% 6%,87% 6%,87% 93%,10% 93%,10% 13%,89% 13%,89% 6%,3% 6%,3% 8%,16% 8%,16% 79%,0% 79%,0% 99%,92% 99%,92% 90%,5% 90%,5% 60%,0% 60%,0% 48%,89% 48%,89% 13%,80% 13%,80% 43%,95% 43%,95% 19%,80% 19%,80% 85%,38% 85%,38% 62%)}1%,7%,33%,47%,78%,93%{clip-path:none}}@keyframes toggleAnimation{0%{top:5px;right:5px;width:50px;height:50px;border-radius:50%}to{top:48%;left:50%;width:95%;height:95%;border-radius:36px 36px 280.5px 280.5px;transform:translate(-50%,-50%)}}@keyframes animate{0%{transform:scale(0)}to{transform:scale(1)}}svg.about-img{cursor:pointer}#blob2{fill-opacity:0}#glow{animation:breathe 6s infinite ease-in-out}@keyframes breathe{0%,to{fill-opacity:0}50%{fill-opacity:1}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% - 1vw))}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}*{margin:0%;padding:0%;box-sizing:border-box}:root{--color-white: #FFF;--color-black: #000;--color-bg-dark: #101010;--color-accent-blue: #1D93FF;--color-accent-magenta: #EB00FF;--color-accent-cyan: #00C7FF;--color-accent-cyan-light: #00B7FF;--color-accent-blue-deep: #0084DC;--color-accent-blue-mid: #2397DE;--color-accent-purple: #5329FC;--color-accent-blue-navy: #0F5F9B}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body{width:100%;height:100%;color:#fff}html{background-color:transparent}#preloader{width:100%;height:100vh;background-color:var(--color-black);position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center}#preloader .loading-gif{z-index:100;width:35vw;mix-blend-mode:lighten;top:-10vw;position:relative}#preloader .loading-text{font-family:Monument,sans-serif;letter-spacing:.5vw;color:#fff;font-weight:700;position:relative;top:-5vw;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:-3px 2px 28px rgba(255,255,255,.5)}.pace{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2000;position:fixed;margin:auto;top:0;right:0;bottom:0;left:0;width:40vw;border:0;height:1px;overflow:hidden;background-color:#1b1b1b}.pace .pace-progress{max-width:40vw;position:absolute;z-index:2000;top:0;right:100%;height:100%;width:100%;background-color:#5604ff}#main{position:relative;overflow:hidden;opacity:0;z-index:2;background-color:#1a1a1a}#intro{overflow:hidden;width:100%;height:100vh}#about,#projects,#skills{width:100%;height:100vh}#connect{overflow:hidden;width:100%;height:100vh;position:relative}header{width:100%;top:0;left:0;z-index:10;width:auto;transition:.6s ease}header ul{list-style:none}header a{color:#fff;text-decoration:none;letter-spacing:1px}.hover-effect{background:linear-gradient(90deg,var(--color-accent-purple) 0%,var(--color-accent-magenta) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:width .5s ease-out}.nav-link:hover:before{width:105%;transform-origin:center}.back-text{color:var(--color-white);font-family:Michroma;font-style:normal;font-weight:400;line-height:normal;opacity:.15}.front-text{color:var(--color-white);font-family:Syne;font-style:normal;font-weight:800;line-height:normal;overflow:hidden}.front-text .word{display:inline-block;transform:translateY(100%)}.text-2{cursor:pointer}.hover-image{position:absolute;height:350px;width:650px;overflow:hidden;z-index:-1;left:0;top:0;background-position:center;background-size:contain;background-repeat:no-repeat;filter:blur(3px);transition:all .5s ease}.cards.java{border:1px solid #DB5631;background:#db56311a}.cards.cpp{border:1px solid #0B52A5;background:#0b52a51a}.cards.python{border:1px solid var(--color-accent-blue-navy);background:#0f5f9b1a}.cards.js{border:1px solid #FFD600;background:#ffd6001a}.cards.ts{border:1px solid var(--color-accent-blue-navy);background:#0f5f9b1a}.cards.sass{border:1px solid #ff80a6;background:#eb00ff1a}.cards.react{border:1px solid #30f1ff;background:#00d1ff1a}.cards.nextJs{border:1px solid #D9D9D9;background:#d9d9d91a}.cards.bootStrap{border:1px solid #5604FF;background:#5604ff1a}.cards.tailwind{border:1px solid #00b7ff;background:#00d1ff1a}.cards.git{border:1px solid #FF5C00;background:#ff5c001a}.cards.figma{border:1px solid #974dff;background:#7d46ff25}.cards.ai{border:1px solid #ff6600;background:#ff5c001a}.cards.docker{border:1px solid #00b7ff;background:#00d1ff1a}.java h4{color:#db5631}.cpp h4{color:#0b52a5}.python h4{color:var(--color-accent-blue-navy)}.js h4{color:#ffd600}.ts h4{color:var(--color-accent-blue-navy)}.sass h4{color:#ff80a6}.react h4{color:#30f1ff}.nextJs h4{color:#d9d9d9}.bootStrap h4{color:#5604ff}.tailwind h4{color:#00b7ff}.git h4{color:#ff5c00}.figma h4{color:#974dff}.ai h4{color:#f60}.docker h4{color:#00b7ff}.tweet{transform:translateY(.4vw) rotate(10deg)}.linkedin{transform:translateY(.4vw) rotate(-10deg)}.pinterest{transform:translateY(.4vw) rotate(10deg)}.insta{transform:translateY(.4vw) rotate(-20deg)}.medium{transform:translateY(.4vw) rotate(-5deg)}.github{transform:translateY(.4vw) rotate(10deg)}footer{background-color:var(--color-bg-dark);box-sizing:border-box;top:0;left:0;z-index:10;width:auto;transition:.6s ease}.home-shape13,.home-shape14{position:absolute}.footer-span{color:#0e7eff}footer a{font-size:large;text-decoration:none;color:#00b7ff}footer span{color:#974dff}@media only screen and (min-width:1024px){.home:before{z-index:-1;content:"";position:fixed;height:300%;left:-50%;top:-100%;width:300%;pointer-events:none;background-image:url(/assets/Random-BP1CmF5B.png);background-color:#8f8f8f;mix-blend-mode:multiply;background-repeat:repeat;animation:grain 8s steps(10) infinite}.home-shape1,.home-shape2,.home-shape3,.home-shape4,.home-shape5,.home-shape5-mobile,.home-shape6,.home-shape7,.home-shape8,.home-shape9,.home-shape9-2,.home-shape10,.home-shape10-2,.home-shape11,.home-shape12,.home-shape13,.home-shape14{z-index:-10;position:absolute;border-radius:50%}.home-shape1,.home-shape2,.home-shape4,.home-shape5,.home-shape7,.home-shape8,.home-shape9,.home-shape11,.home-shape12,.home-shape5-mobile{filter:blur(190px)}.home-shape3,.home-shape6,.home-shape10,.home-shape13,.home-shape14{z-index:-9;filter:blur(100px)}.home-shape1{width:60vw;top:-4rem}.home-shape2{width:130vw;top:-25rem;left:-35rem}.home-shape3{width:35vw;top:36rem;right:30rem}.home-shape4{width:20vw;top:40rem;right:-7rem}.home-shape5{width:130vw;top:10rem;right:-50rem}.home-shape6{display:none;width:60vw;top:36rem;right:-1rem}.home-shape5-mobile{display:none;width:180vw;top:40rem;transform:rotate(250deg);right:-15rem}.home-shape7{width:90vw;top:55rem;left:-50rem}.home-shape8{width:90vw;top:105rem;right:55rem}.home-shape9{width:140vw;top:85rem;left:35rem}.home-shape9-2{width:40vw;top:115rem;right:-30rem;filter:blur(80px)}.home-shape10{display:none;width:120vw;bottom:85rem;right:5rem}.home-shape10-2{display:none;width:45vw;bottom:95rem;right:15rem;filter:blur(30px)}.home-shape11{width:50vw;bottom:30rem;left:80rem;transform:rotate(-15deg)}.home-shape12{display:none;width:120vw;bottom:28rem;right:4rem;transform:rotate(45deg)}.home-shape13{width:200vw;bottom:-58rem;left:-40rem}.home-shape14{width:180vw;bottom:-55rem;left:-5rem}header{z-index:10;width:auto;position:fixed;width:100%;border-radius:50px;transform:translateY(10px)}header.scrolled{-webkit-backdrop-filter:blur(75px);backdrop-filter:blur(75px)}.nav-container{display:flex;position:relative;justify-content:space-between;align-items:center;flex-direction:row;padding:2vw 4vw}.nav-menu{display:flex;justify-content:center}.nav-branding{display:flex;align-items:center}.logo-main{width:60px;height:35px}.nav-list{display:flex;flex-direction:row;justify-content:space-between;gap:50px}.nav-link{font-family:Monument;font-size:1em;font-weight:500;text-transform:lowercase;transition:1.7s ease;display:inline-block;position:relative}.nav-link:before{content:"";position:absolute;left:0;bottom:45%;width:0;height:.2vh;background-color:var(--color-accent-magenta);transition:width .25s ease-out}.nav-link:hover:before{width:105%;transform-origin:center}.hamburger{display:none}.intro-container{top:calc(2vw + 10%);position:absolute;color:var(--color-white);display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:35px}.landing-frame{margin:-15vw 10vw 0px;position:absolute}.landing-frame>h2{font-family:Krona One;font-size:2vw;font-style:normal;font-weight:100;line-height:4rem}.text-1{font-family:Krona One;font-size:2.5vw;font-weight:400}.text-2{position:relative;z-index:1;font-family:Syne;font-size:3.2vw;font-style:normal;line-height:normal;display:inline-block;text-shadow:-3px 2px 25px rgba(0,0,0,1.6)}.text-2-dot{content:".";font-size:3.2vw;color:#7e19a1}.text-2-card{position:absolute;transform:translate(-75%,-23%);width:62vw;height:6vw;overflow:hidden}.intro-line{position:relative;margin:-3vw 10vw 0px;overflow:hidden}.intro-text-1{font-family:Krona One;font-size:1.6rem;font-style:normal;line-height:0}.intro-text-2{font-family:Krona One;font-size:1.6rem;font-style:normal;position:relative}.intro-text-3{font-family:Gamora,serif;font-size:1.8rem;font-style:normal}.para p{z-index:2;position:absolute;margin:4% 34% 15%;text-align:center;font-family:Roslindale;font-size:1.8vw;font-style:italic;line-height:normal}.highlight1{position:relative}.highlight1:after{content:"";position:absolute;z-index:-1;bottom:-1em;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='13' viewBox='0 0 56 13' fill='none'><path d='M17.4563 10.8926C11.6888 10.8926 6.43263 9.78726 1.98137 8.27794C0.506978 7.77793 0.12561 8.52829 1.54313 9.1721C7.55761 11.904 16.9839 12.5872 21.6076 12.0397C31.2938 10.8926 45.8232 5.15746 54.8176 1.14282C48.13 4.01046 31.8473 10.8926 17.4563 10.8926Z' fill='%23EB00FF' stroke='%23EB00FF' stroke-linejoin='round'/></svg>");left:-.2vw;width:calc(100% + .6vw);height:calc(100% + .6vw);background-size:contain;background-repeat:no-repeat}.highlight2{position:relative}.highlight2:after{content:"";position:absolute;z-index:-1;bottom:-2.8em;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='45' height='3' viewBox='0 0 45 3' fill='none'><path d='M44.95 0.0625H0.669922V2.83036H44.95V0.0625Z' fill='%235329FC'/></svg>");left:-.2vw;width:calc(100% + .4vw);height:calc(100% + 3vw);background-size:contain;background-repeat:no-repeat}.intro-img{position:relative;height:35vh;transform:scale(1.4) translate(54vw,-15vh)}.intro-img.coding{position:absolute;mix-blend-mode:lighten;left:0vw;top:-3vw;width:8vw;height:8vw}.tag-line{position:relative;transform:translateY(75vh);mix-blend-mode:color-dodge}.tag-line .tag{position:absolute;right:-1.5vw;color:#874099;font-family:Schoolin;font-size:12vw;font-weight:100;line-height:normal;white-space:nowrap}.scroll-down-button{position:absolute;transform:translate(49vw,85vh)}.scroll-down-button svg{width:25px}.scroll-down-button path:nth-child(1){stroke:var(--color-accent-purple)}.scroll-down-button path:nth-child(2){stroke:#2419a1}#about{padding-top:15vh}.about,.projects,.connect{display:flex;flex-direction:column;position:relative}.about{justify-content:space-between}.heading-container{position:relative;box-sizing:border-box}.about .back-text{color:var(--color-white);font-family:Michroma;font-size:6.5vw;font-style:normal;font-weight:400;line-height:normal;opacity:.15;white-space:nowrap;transform:translate(-1%);overflow:hidden}.about .front-text{color:var(--color-white);font-family:Syne;font-size:3vw;font-style:normal;font-weight:800;line-height:normal;position:absolute;top:55%;left:13.5%;transform:translate(-50%,-50%);z-index:1;white-space:nowrap;overflow:hidden}.about-img{position:absolute;display:flex;flex-direction:column;align-items:center;width:25vw;right:10vw;top:40vh}.about-para{position:absolute;margin:12% 0% 0%;color:var(--color-white);font-family:Major Mono Display;font-size:calc(6px + 1vw);font-style:normal;font-weight:100;line-height:calc(12px + 1vw);white-space:pre-wrap}.about-button{position:absolute;cursor:pointer;border-radius:20px;border:2px solid rgba(255,255,255,.14);background:var(--color-accent-blue);box-shadow:0 20px 50px -20px var(--color-accent-blue);padding:1vw 3vw;white-space:nowrap;width:fit-content;width:-moz-fit-content;transform:translate(7.5vw);top:calc(100% - 6vw)}.about-button a{text-decoration:none;color:var(--color-black);letter-spacing:1px;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:black;font-family:Michroma;font-size:1.2em;font-weight:800}#projects{padding-top:15vh}.projects .back-text{color:var(--color-white);font-family:Michroma;font-size:6.5vw;font-style:normal;font-weight:400;line-height:normal;opacity:.15;white-space:nowrap;transform:translate(-1%)}.projects .front-text{color:var(--color-white);font-family:Syne;font-size:3vw;font-style:normal;font-weight:800;line-height:normal;position:absolute;top:55%;left:13.6%;transform:translate(-25%,-50%);z-index:1;white-space:nowrap}.project-wrapper{overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:1vw}.project-list{width:100%;padding:.5vw 15vw 0vw;position:relative}.project-list a{font-family:Syncopate;text-decoration:none;color:#fff}.project-list .project-item:first-child{border-top:2px solid rgb(255,255,255,.2)}.project-item{border-bottom:2px solid rgb(255,255,255,.2);padding:1vw 4vw;display:flex;align-items:center;justify-content:space-between;position:relative;color:#fff;mix-blend-mode:difference}.project-item .project-title{font-size:2vw;font-weight:800}.project-link .arrow{padding:.5vw}.project-link .arrow img{width:2.5vw}.projects-button{position:absolute;cursor:pointer;border-radius:20px;border:2px solid rgba(255,255,255,.14);background:var(--color-accent-blue);box-shadow:0 20px 50px -20px var(--color-accent-blue);padding:1vw 3vw;white-space:nowrap;width:fit-content;width:-moz-fit-content;top:calc(100% - 6vw)}.projects-button a{text-decoration:none;color:var(--color-black);letter-spacing:1px;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:black;font-family:Michroma;font-size:1.2em;font-weight:800}.onHover{color:var(--color-white);text-shadow:0px 0px 8px var(--color-white);border-radius:20px;border:2px solid var(--color-accent-blue-mid);background:linear-gradient(90deg,var(--color-accent-cyan) 0%,var(--color-accent-blue-deep) 96.21%);box-shadow:-13px -3px 35px 4px #00c8ff4a,11px 20px 35px 2px #00162fc4,0 15px 40px 5px #0687e480}.marquee{margin-top:4vw;display:flex;overflow:hidden;background:#00000080;gap:1vw;padding:.5vw 0vw;border-top:2px solid rgba(249,249,249,.14);border-bottom:2px solid rgba(249,249,249,.14);box-shadow:var(--color-accent-magenta) 0 5px 0;transform:rotate(4deg)}.marquee-content{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:1vw;min-width:100%;animation:scroll 10s linear infinite;text-shadow:0vw 0vw 2vw rgba(255,255,255,.8)}.marquee-content span{color:#fff;font-family:Monument,sans-serif;font-size:1.5vw;font-weight:100;text-transform:uppercase;white-space:nowrap}.starSVG img{width:3vw;height:3vw;margin:0 2vw;text-align:center;filter:drop-shadow(0vw 0vw 1.5vw rgb(255,255,255,.8))}.skills .heading-container{padding-top:0vw}.skills .back-text{color:var(--color-white);font-family:Michroma;font-size:6.5vw;font-style:normal;font-weight:400;line-height:normal;opacity:.15;white-space:nowrap;transform:translate(-.7%)}.skills .front-text{color:var(--color-white);font-family:Syne;font-size:3vw;font-style:normal;font-weight:800;line-height:normal;position:absolute;top:62%;left:7.7%;transform:translate(-25%,-60%);z-index:1;white-space:nowrap}.skills-wrapper{margin:.5vw 10vw auto;display:flex;flex-direction:column;gap:4vw}.skills-heading{font-family:Syncopate;color:#fff;font-size:1.2vw;margin-bottom:.5vw}.skills-card hr{border:none;height:2px;background:#ffffff24}.card-set{width:90%;height:calc(100% - 25vw);display:flex;gap:2vw;align-items:center;transform:translate(3vw)}.cards{margin:1vw 0vw 0vw;width:5vw;height:5vw;border-radius:1vw;border:1px solid #73ff00;background:#7bff001a;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);position:relative;display:flex;justify-content:center}.cards h4{position:absolute;margin-top:5.5vw;font-weight:400;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.card-icon{position:absolute;width:4vw;top:50%;left:50%;transform:translate(-50%,-45%)}#connect{padding-top:15vh}.connect .heading-container{box-sizing:border-box;position:relative}.connect .back-text{color:var(--color-white);font-family:Michroma;font-size:6.5vw;font-style:normal;font-weight:400;line-height:normal;opacity:.15;white-space:nowrap;overflow:hidden}.connect .front-text{color:var(--color-white);font-family:Syne;font-size:3vw;font-style:normal;font-weight:800;line-height:normal;position:absolute;top:55%;left:13.5%;transform:translate(-52%,-50%);z-index:1;white-space:nowrap;overflow:hidden}.connect .connect-hand1{width:25vw;transform:scale(1.6) translate(20%,25%);top:12vw;mix-blend-mode:difference}.connect .connect-hand2{width:25vw;transform:scale(1.4) translate(130%,20%);mix-blend-mode:difference}.connect-button-container{display:flex;justify-content:center;transform:translateY(-6vw)}.connect-button{cursor:pointer;border-radius:20px;border:2px solid rgba(255,255,255,.14);background:var(--color-accent-blue);box-shadow:0 20px 50px -20px var(--color-accent-blue);padding:1vw 3vw;white-space:nowrap;width:fit-content;width:-moz-fit-content;top:calc(100% - 6vw)}.connect-button a{text-decoration:none;color:var(--color-black);letter-spacing:1px;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:black;font-family:Michroma;font-size:1.2em;font-weight:800}.onHover a{color:var(--color-white);-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:rgb(255,255,255)}.onHover{color:var(--color-white);text-shadow:0px 0px 8px var(--color-white);border-radius:20px;border:2px solid var(--color-accent-blue-mid);background:linear-gradient(90deg,var(--color-accent-cyan) 0%,var(--color-accent-blue-deep) 96.21%);box-shadow:-13px -6px 35px 4px #00c8ff4a,11px 11px 38px 1px #00162fc4,0 15px 30px 4px #0687e480}.connect-para{text-align:center;color:var(--color-white);font-family:Barlow Condensed,sans-serif;font-size:calc(6px + 1.5vw);font-style:normal;font-weight:100;transform:translateY(-4vw);white-space:pre-wrap}.connect-icons{width:2.2vw;height:2.2vw}footer{width:100%}footer hr{background:var(--color-accent-blue-deep);height:.3vw;border:none;background:linear-gradient(90deg,var(--color-accent-blue) 0%,var(--color-accent-magenta) 100%)}.footer-container{display:flex;justify-content:space-between;padding:3vw 2vw;font-family:Antonio,sans-serif;font-weight:lighter;font-size:1em;text-transform:uppercase;white-space:pre-wrap;letter-spacing:1px}}@media only screen and (max-width:1023px){#preloader .loading-gif{z-index:100;width:80vw;mix-blend-mode:lighten;top:-30vw;position:relative}.home:before{z-index:-5;content:"";position:fixed;height:300%;left:-50%;top:-100%;width:300%;background-image:url(/assets/RandomMobile-BitIfnKA.png);background-color:#a9a9a9;mix-blend-mode:multiply;background-repeat:repeat;animation:grain 8s steps(10) infinite}.home-shape1,.home-shape2,.home-shape3,.home-shape4,.home-shape5,.home-shape5-mobile,.home-shape6,.home-shape7,.home-shape8,.home-shape9,.home-shape9-2,.home-shape10,.home-shape10-2,.home-shape11,.home-shape12,.home-shape13,.home-shape14{z-index:-10;position:absolute;border-radius:50%}.home-shape1,.home-shape2,.home-shape4,.home-shape5,.home-shape7,.home-shape8,.home-shape9,.home-shape11,.home-shape12{filter:blur(100px)}.home-shape5-mobile{filter:blur(190px)}.home-shape3,.home-shape6,.home-shape10,.home-shape13,.home-shape14{z-index:-9;filter:blur(80px)}.home-shape1{width:150vw;top:-12rem;left:-5rem}.home-shape2{width:200vw;top:-8.5rem;left:-14rem}.home-shape3{width:70vw;top:28rem;right:1rem}.home-shape4{width:70vw;top:15rem;right:-8rem}.home-shape5{width:200vw;top:30rem;right:-15rem}.home-shape6{width:60vw;top:36rem;right:-1rem}.home-shape5-mobile{width:180vw;top:40rem;transform:rotate(250deg);right:-15rem}.home-shape7{width:120vw;top:75rem;left:-12rem}.home-shape8{width:240vw;top:105rem;right:4rem}.home-shape9{width:200vw;top:105rem;left:5rem}.home-shape9-2{width:50vw;top:115rem;right:-7rem;filter:blur(30px)}.home-shape10{width:120vw;bottom:85rem;right:5rem}.home-shape10-2{width:45vw;bottom:95rem;right:15rem;filter:blur(30px)}.home-shape11{width:120vw;bottom:45rem;left:10rem;transform:rotate(-15deg)}.home-shape12{width:120vw;bottom:28rem;right:4rem;transform:rotate(45deg)}.home-shape13{width:200vw;bottom:-10rem;left:-10rem}.home-shape14{width:180vw;bottom:-12rem;left:-5rem}header{width:100%;top:0;left:0;z-index:10;width:auto;transition:.6s ease;padding:3vh 4%}.nav-container{position:relative;display:flex;justify-content:space-between;align-items:center}.nav-branding{display:flex;align-items:center;transform:translate(40vw)}.logo-main{width:35px}.nav-menu{display:none;position:fixed;z-index:1;gap:0;-webkit-backdrop-filter:blur(75px);backdrop-filter:blur(75px);transition:all .5s ease-in-out}.nav-menu.active{display:flex;justify-content:center;align-items:center;border-radius:36px 36px 280.5px 280.5px;border:3px solid rgba(255,255,255,.1);background:#00000003;-webkit-backdrop-filter:blur(75px);backdrop-filter:blur(75px);width:95%;height:95%;top:48%;left:50%;transform:translate(-50%,-50%);animation:toggleAnimation .5s ease-in-out}.nav-list{display:flex;flex-direction:column;justify-content:space-evenly;gap:12vw}.nav-item{animation:animate .5s ease-in-out}.nav-link{font-family:Monument;font-size:7vw;font-weight:500;text-transform:lowercase;transition:1.7s ease;display:inline-block;position:relative}.nav-link:before{content:"";position:absolute;left:0;bottom:45%;width:0;height:.4vh;background-color:var(--color-accent-magenta);transition:width .25s ease-out}.hamburger{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;cursor:pointer;width:40px;height:40px;transition:all .3s ease;position:relative}.nav-container .hamburger{position:fixed;top:10px;right:14px;border-radius:280.5px;background:#00000003;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.bar{display:block;opacity:50%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#f0f8ff;border-radius:2px;margin:3px auto}.bar1{width:10px;background-color:#f0f8ff;height:1.5px;transform:translate(+7px)}.bar2{width:25px;background-color:#f0f8ff;height:1.5px}.bar3{width:10px;background-color:#f0f8ff;height:1.5px;transform:translate(-7px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(7.6px) rotate(25deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-7.2px) rotate(-25deg)}.hamburger.active .bar1,.hamburger.active .bar3{width:25px}.main-intro-frame{display:flex;flex-direction:column;gap:2vh;align-items:center;margin-top:10vh}.landing-frame{position:relative}.landing-frame>h2{font-family:Krona One;font-size:4.6vw;font-style:normal;font-weight:400;line-height:normal}.text-1{font-family:Krona One;font-size:6.5vw;font-weight:400;line-height:3.5rem}.text-2{position:relative;font-family:Syne;font-size:7vw;font-style:normal;line-height:normal;text-shadow:-3px 2px 10px rgba(0,0,0,3.6)}.text-2-dot{content:".";font-size:7vw;color:#7e19a1}.text-2-card{z-index:-2;position:absolute;left:15vw;bottom:-2vw;width:68vw}.intro-line{font-size:1rem;position:relative}.intro-text-1{font-family:Krona One;font-size:4.3vw;font-style:normal;line-height:0}.intro-text-2{font-family:Krona One;font-size:4.2vw;font-style:normal}.intro-text-3{font-family:Gamora,serif;font-size:5.2vw;font-style:normal}.para p{position:relative;margin:10px 10vw 0px;padding:0px 0vw;flex-shrink:0;text-align:center;font-family:Roslindale;font-size:4.5vw;font-style:italic;line-height:normal}.highlight1{position:relative}.highlight1:after{content:"";position:absolute;bottom:-1em;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='13' viewBox='0 0 56 13' fill='none'><path d='M17.4563 10.8926C11.6888 10.8926 6.43263 9.78726 1.98137 8.27794C0.506978 7.77793 0.12561 8.52829 1.54313 9.1721C7.55761 11.904 16.9839 12.5872 21.6076 12.0397C31.2938 10.8926 45.8232 5.15746 54.8176 1.14282C48.13 4.01046 31.8473 10.8926 17.4563 10.8926Z' fill='%23EB00FF' stroke='%23EB00FF' stroke-linejoin='round'/></svg>");left:-.5vw;width:calc(100% + 1vw);height:calc(100% + 1vw);background-size:contain;background-repeat:no-repeat}.highlight2{position:relative}.highlight2:after{content:"";position:absolute;bottom:-1.7em;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='45' height='3' viewBox='0 0 45 3' fill='none'><path d='M44.95 0.0625H0.669922V2.83036H44.95V0.0625Z' fill='%235329FC'/></svg>");left:-1vw;width:calc(100% + 1.6vw);height:calc(100% + 3vw);background-size:contain;background-repeat:no-repeat}.intro-img{width:90vw;height:35vh;position:relative}.intro-img.coding{position:absolute;mix-blend-mode:lighten;left:22vw;width:30vw;height:30vw}.tag-line{overflow:hidden;position:absolute;transform:translateY(-2vh);right:0;mix-blend-mode:color-dodge}.tag-line .tag{transform:translate(2vw);color:#8f3aa2c7;font-family:Schoolin;font-size:25vw;font-weight:100;line-height:normal;white-space:nowrap}.scroll-down-button{position:absolute;transform:translate(45vw,25vw)}.scroll-down-button svg{width:25px}.scroll-down-button path:nth-child(1){stroke:var(--color-accent-purple)}.scroll-down-button path:nth-child(2){stroke:#2419a1}.about,.projects,.connect{display:flex;flex-direction:column}.about{justify-content:space-between;align-items:center}.heading-container{transform:translate(-15%,5vh);position:relative}.about .back-text{color:var(--color-white);font-family:Michroma;font-size:clamp(4rem,10vw,10rem);font-style:normal;font-weight:400;line-height:normal;opacity:.15}.about .front-text{color:var(--color-white);font-family:Syne;font-size:5vw;font-style:normal;font-weight:800;line-height:normal;position:absolute;top:55%;left:30%;transform:translate(-50%,-50%);z-index:1;white-space:nowrap}.about-image{margin:8vw 0 5vw}.about-img{display:flex;flex-direction:column;align-items:center;width:45vw}.about-para{margin:-12% 2% 0%;padding:0% 10%;color:var(--color-white);font-family:Major Mono Display;font-size:calc(.5em + 1.5vw);font-style:normal;font-weight:100;line-height:calc(12px + 1.8vw);white-space:pre-line}.about-button{cursor:pointer;border-radius:10px;border:2px solid rgba(255,255,255,.14);background:var(--color-accent-blue);box-shadow:0 20px 50px -20px var(--color-accent-blue);padding:2vw 3vw;white-space:nowrap;margin-top:6vh}.about-button a{text-decoration:none;color:var(--color-black);font-family:Michroma;font-size:.7em;font-style:normal;font-weight:800}.projects{align-items:center}.projects .back-text{color:var(--color-white);font-family:Michroma;font-size:clamp(4rem,10vw,10rem);font-style:normal;font-weight:400;line-height:normal;opacity:.15}.projects .front-text{color:var(--color-white);font-family:Syne;font-size:4.5vw;font-style:normal;font-weight:800;line-height:normal;position:absolute;top:50%;left:54%;transform:translate(-51%,-30%);z-index:1;white-space:nowrap}.project-wrapper{margin-top:30%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:10vw;align-items:center}.project-list{width:100%;margin:10vw 5vw}.project-list a{font-family:Syncopate;text-decoration:none;color:#fff}.project-list .project-item:first-child{border-top:2px solid rgb(255,255,255,.2)}.project-item{border-bottom:2px solid rgb(255,255,255,.2);padding:8vw;display:flex;align-items:center;justify-content:space-between;gap:8vw;position:relative;color:#fff;mix-blend-mode:difference}.project-item .project-title{font-size:5vw;font-weight:800}.project-link .arrow{padding:.5vw}.project-link .arrow img{width:6vw}.projects-button{cursor:pointer;border-radius:10px;border:2px solid rgba(255,255,255,.14);background:var(--color-accent-blue);box-shadow:0 20px 50px -20px var(--color-accent-blue);padding:2vw 6vw;white-space:nowrap;margin-bottom:15vw}.projects-button a{text-decoration:none;color:var(--color-black);font-family:Michroma;font-size:.7em;font-style:normal;font-weight:800}.hover-image{position:absolute;margin-top:385vw;height:150px;width:250px;overflow:hidden;z-index:-1;left:0;top:0;background-position:center;background-size:contain;background-repeat:no-repeat;filter:blur(1.5px);transition:all .5s ease}.marquee{display:flex;overflow:hidden;background:#00000080;gap:1vw;padding:4vw 0vw;border-top:2px solid rgba(249,249,249,.14);border-bottom:2px solid rgba(249,249,249,.14);box-shadow:var(--color-accent-magenta) 0 5px 0;transform:rotate(3deg)}.marquee-content{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:1vw;min-width:100%;animation:scroll 15s linear infinite;text-shadow:0vw 0vw 2vw rgba(255,255,255,.3)}.marquee-content span{color:#fff;font-family:Monument,sans-serif;font-size:3vw;font-weight:100;text-transform:uppercase;white-space:nowrap}.starSVG img{width:5vw;height:5vw;margin:0 2vw;text-align:center;filter:drop-shadow(0vw 0vw 1.5vw rgb(255,255,255,.5))}.skills{justify-content:space-between;align-items:center}.skills .heading-container{transform:translate(-1%,5vh);position:relative}.skills .back-text{color:var(--color-white);font-family:Michroma;font-size:clamp(4rem,10vw,10rem);font-style:normal;font-weight:400;line-height:normal;opacity:.15}.skills .front-text{color:var(--color-white);font-family:Syne;font-size:5vw;font-style:normal;font-weight:800;line-height:normal;position:absolute;top:50%;left:41%;transform:translate(-75%,-40%);z-index:1;white-space:nowrap}.skills-wrapper{margin:25vw 10vw auto;display:flex;flex-direction:column;gap:15vw}.skills-heading{font-family:Syncopate;color:#fff;font-size:6vw;margin-bottom:3vw}.skills-card hr{border:none;height:2px;background:#ffffff24}.card-set{width:90%;margin-top:5vw;height:calc(100% - 25vw);display:flex;gap:4vw;align-items:center;transform:translate(3vw);flex-flow:wrap}.cards{display:flex;justify-content:center;align-items:center;width:12vw;height:12vw;border-radius:2.5vw;border:1px solid #73ff00;background:#7bff001a;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);position:relative}.card-icon{position:absolute;width:10vw;top:50%;left:50%;transform:translate(-40%,-45%)}.cards img{width:8vw}.cards h4{display:none}.connect{justify-content:space-between;align-items:center}.connect .heading-container{transform:translate(-20%,5vh);position:relative}.connect .back-text{color:var(--color-white);font-family:Michroma;font-size:clamp(4rem,10vw,10rem);font-style:normal;font-weight:400;line-height:normal;opacity:.15;transform:translate(-30%)}.connect .front-text{color:var(--color-white);font-family:Syne;font-size:5vw;font-style:normal;font-weight:800;line-height:normal;position:absolute;top:1.1%;left:12%;transform:translate(-20%,80%);z-index:1;white-space:nowrap}.connect .connect-hand1{width:80vw;position:absolute;top:110vw;left:-25vw;mix-blend-mode:difference;transform:rotate(-25deg)}.connect .connect-hand2{width:80vw;position:absolute;top:20vw;right:-30vw;mix-blend-mode:difference;transform:rotate(-45deg)}.connect-button-container{position:absolute;justify-content:center;top:85vw}.connect-button{cursor:pointer;border-radius:10px;border:2px solid rgba(255,255,255,.14);background:var(--color-accent-blue);box-shadow:0 20px 50px -20px var(--color-accent-blue);padding:2vw 6vw;white-space:nowrap}.connect-button a{text-decoration:none;color:var(--color-black);font-family:Michroma;font-size:.7em;font-style:normal;font-weight:800}.onHover a{color:var(--color-white);-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:rgb(255,255,255)}.onHover{color:var(--color-white);text-shadow:0px 0px 8px var(--color-white);border-radius:10px;border:2px solid var(--color-accent-blue-mid);background:linear-gradient(90deg,var(--color-accent-cyan) 0%,var(--color-accent-blue-deep) 96.21%);box-shadow:-13px -6px 35px 4px #00c8ff4a,11px 11px 38px 1px #00162fc4,0 15px 30px 4px #0687e480}.connect-para{position:absolute;text-align:center;color:var(--color-white);font-family:Barlow Condensed,sans-serif;font-size:calc(10px + 1.1vw);font-style:normal;font-weight:100;bottom:20vw;left:-2vw;white-space:pre-wrap}.connect-icons{width:4vw;height:4vw}footer hr{background:var(--color-accent-blue-deep);height:.3vw;border:none;background:linear-gradient(90deg,var(--color-accent-blue) 0%,var(--color-accent-magenta) 100%)}.footer-container{position:relative;display:flex;justify-content:space-between;text-align:left;padding:5vw 8vw;gap:20vw;font-family:Antonio,sans-serif;font-weight:600;font-size:.5em;text-transform:uppercase;letter-spacing:1px}}@media only screen and (max-width:380px){.home:before{z-index:-5;content:"";position:fixed;height:300%;left:-50%;top:-100%;width:300%;background-image:url(/assets/RandomMobile-BitIfnKA.png);background-color:#a9a9a9;mix-blend-mode:multiply;background-repeat:repeat;animation:grain 8s steps(10) infinite}.intro-container{margin:2vh 6vw 0px;position:relative}.para p{position:relative;margin:10px 20px 0}.landing-frame{margin-top:-2vh;position:relative}.scroll-down-button{position:absolute;transform:translate(47vw,14vw)}.scroll-down-button svg{width:6vw}.heading-container{position:relative;transform:translate(-15%)}.about-img{display:flex;flex-direction:column;align-items:center;width:40vw;transform:translateY(-2vh)}.tag-line{transform:translate(1vw,-6vw)}.tag-line .tag{font-size:22vw}.about-para{color:var(--color-white);font-family:Major Mono Display;font-size:calc(.3em + 2vw);font-style:normal;font-weight:100;line-height:calc(10px + 2vw);white-space:pre-line;padding:0% 15%}.about-button{cursor:pointer;border-radius:10px;background:var(--color-accent-blue);padding:2vw 3vh;white-space:nowrap;color:var(--color-black);font-family:Michroma;font-size:.7em;font-style:normal;font-weight:800;transition:.3s ease-out}.project-wrapper{margin-top:0%}.projects-button{transform:translateY(-6vw);padding:4vw 6vh;font-size:.8em}.skills .heading-container{padding-top:5vw}.skills .front-text{top:65%}.skills-wrapper{margin:3vw 10vw auto}.connect-button-container{bottom:74vw}.connect-para{bottom:-1vw;left:1vw}.footer-container{display:flex;padding:10vw 5vw;font-family:Antonio,sans-serif;font-size:.6em;text-transform:uppercase;letter-spacing:2px}}@media screen and (device-width:360px)and (device-height:740px)and (-webkit-device-pixel-ratio:4){.connect-button-container{bottom:100vw}.connect-para{bottom:20vw;left:1vw}}