@import"https://fonts.googleapis.com/css2?family=Heebo:wght@300&family=Roboto:wght@500&display=swap";body{margin:0;font-family:var(--primary-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.minimalist-homepage{min-height:100vh;background-color:#0a0a0a;color:#fff;position:relative;overflow-x:hidden}.bg-layers{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;transition:opacity 1.2s ease}.bg-layers.loaded{opacity:1}@keyframes blob-move{0%{transform:translateZ(0) rotate(0) scale(1)}50%{transform:translate3d(10vmax,6vmax,0) rotate(20deg) scale(1.08)}to{transform:translate3d(-6vmax,10vmax,0) rotate(-10deg) scale(.98)}}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.12) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:none;mask-image:none;opacity:.3}.bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.04;mix-blend-mode:overlay}.minimalist-nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:1.25rem 1.5rem;background:linear-gradient(to bottom,#0a0a0ad9,#0a0a0a00);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav-content{max-width:72rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{width:.5rem;height:.5rem;background-color:#fff;border-radius:9999px;box-shadow:0 0 24px #ffffff40}.nav-links{display:none}@media (min-width: 768px){.nav-links{display:flex;gap:2.25rem;font-size:.9rem;color:#a1a1aa}}.nav-link{color:inherit;text-decoration:none;transition:color .3s;letter-spacing:.06em;position:relative}.nav-link:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:linear-gradient(90deg,#71717a,#fff);transition:width .3s ease}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:4.5rem 1.5rem 2rem;position:relative;z-index:1}.content-container{max-width:56rem;margin:0 auto;text-align:center}.profile-image-container{margin-bottom:2.5rem;transform:translateY(2rem);opacity:0;transition:all 1s ease-out}.profile-image-container.loaded{transform:translateY(0);opacity:1}.profile-image-wrapper{position:relative;margin:0 auto;width:8.5rem;height:8.5rem}@media (min-width: 768px){.profile-image-wrapper{width:10.5rem;height:10.5rem}}.profile-image-gradient{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:linear-gradient(to right,#27272a,#3f3f46);padding:1px}.profile-image-inner{width:100%;height:100%;border-radius:9999px;overflow:hidden;background-color:#0a0a0a}.profile-image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:all .7s;transform:scale(1.02)}.profile-image:hover{filter:grayscale(0%);transform:scale(1.04)}.orbiter-1{top:-3px;left:50%;animation-duration:12s}.orbiter-2{bottom:-3px;left:10%;animation-duration:9s}.orbiter-3{top:30%;right:-3px;animation-duration:7s}@keyframes orbit{0%{transform:rotate(0) translate(0)}to{transform:rotate(360deg) translate(0)}}.main-title{font-size:2.75rem;font-weight:300;letter-spacing:-.02em;line-height:1.08;transform:translateY(2rem);opacity:0;transition:all 1s ease-out .2s;margin:0 auto;color:#fff;position:relative;display:inline-block;text-shadow:0 2px 10px rgba(0,0,0,.35)}@media (min-width: 768px){.main-title{font-size:4.25rem}}.main-title.loaded{transform:translateY(0);opacity:1}.main-subtitle{font-size:1.125rem;color:#a1a1aa;font-weight:300;line-height:1.8;max-width:44rem;margin:.75rem auto 0;transform:translateY(2rem);opacity:0;transition:all 1s ease-out .4s}@media (min-width: 768px){.main-subtitle{font-size:1.25rem}}.main-subtitle.loaded{transform:translateY(0);opacity:1}.divider{width:6rem;height:1px;background-color:#3f3f46;margin:2.5rem auto;transform:scaleX(0);opacity:0;transition:all 1s ease-out .6s}.divider.loaded{transform:scaleX(1);opacity:1}.social-links{display:flex;justify-content:center;gap:2rem;transform:translateY(2rem);opacity:0;transition:all 1s ease-out .8s}.social-links.loaded{transform:translateY(0);opacity:1}.social-link{position:relative;padding:.75rem;display:inline-block;border-radius:10px;transition:background-color .3s ease,transform .2s ease;transform-style:preserve-3d}.social-icon{width:1.25rem;height:1.25rem;color:#71717a;transition:all .3s}.social-link:hover{background-color:#3f3f4633;transform:translateZ(10px) rotateX(4deg) rotateY(-4deg)}.social-link:hover .social-icon{color:#fff;transform:scale(1.1)}.tooltip{position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);background-color:#27272a;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;opacity:0;transition:opacity .3s;pointer-events:none}.social-link:hover .tooltip{opacity:1}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);opacity:0;transition:all 1s ease-out 1s}.scroll-indicator.loaded{opacity:1}.scroll-line{width:1px;height:4rem;background:linear-gradient(to bottom,#3f3f46,transparent)}.minimalist-footer{position:relative;z-index:1;padding:2rem 0;text-align:center}.footer-content{max-width:56rem;margin:0 auto;padding:0 1.5rem}.footer-divider{height:1px;background-color:#27272a;margin-bottom:1.5rem}.footer-text{font-size:.875rem;color:#71717a;font-weight:300}.resume-link{color:#e5e7eb;border:1px solid rgba(212,212,216,.25);padding:.35rem .75rem;border-radius:9999px;letter-spacing:.06em;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.resume-link:hover{background-color:#3f3f4633;color:#fff;border-color:#d4d4d866}.hero-cta{margin-top:1.25rem}.btn-resume{display:inline-block;color:#fff;background:linear-gradient(90deg,#0ea5e9,#6366f1);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.6rem 1rem;font-weight:600;letter-spacing:.02em;box-shadow:0 8px 24px #6366f159;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn-resume:hover{transform:translateY(-2px);box-shadow:0 12px 28px #6366f173;filter:brightness(1.02)}.experience{padding:50px 0}.experience-header{text-align:center;margin-bottom:50px}.experience-title{font-size:36px;font-weight:700;color:#fff}.experience-content{max-width:800px;margin:0 auto}.experience-item{background:#27272a99;border:1px solid rgba(63,63,70,.5);border-radius:14px;padding:20px;margin-bottom:20px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 10px 30px #0000004d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform-style:preserve-3d}.experience-item:hover{transform:translateY(-6px) rotateX(1.5deg) rotateY(-1.5deg);box-shadow:0 16px 40px #00000073}.experience-item-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:10px}.experience-item-subtitle{font-size:18px;color:#a1a1aa;margin-bottom:10px}.experience-item-duration{font-size:16px;color:#a1a1aa}.thoughts{padding:50px 0}.thoughts-header{text-align:center;margin-bottom:50px}.thoughts-title{font-size:36px;font-weight:700;color:#fff}.thoughts-content{max-width:800px;margin:0 auto}.thought{background:#27272a99;border:1px solid rgba(63,63,70,.5);border-radius:14px;padding:20px;margin-bottom:20px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 10px 30px #0000004d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform-style:preserve-3d}.thought:hover{transform:translateY(-6px) rotateX(1.5deg) rotateY(-1.5deg);box-shadow:0 16px 40px #00000073}.thought a{text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.15);transition:color .25s ease,border-color .25s ease}.thought a:hover{color:#e5e7eb;border-color:#e5e7eb80}.thought-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:10px}.thought-description{font-size:16px;color:#a1a1aa}.contact{padding:50px 0}.contact-header{text-align:center;margin-bottom:50px}.contact-title{font-size:36px;font-weight:700;color:#fff}.contact-content{max-width:800px;margin:0 auto;text-align:center}.contact-description{font-size:18px;color:#a1a1aa;line-height:1.8}.contact-description p{margin-bottom:18px}.contact-description a{color:#14b8a6;text-decoration:none;border-bottom:1px dashed rgba(20,184,166,.3);transition:color .25s ease,border-color .25s ease}.contact-description a:hover{color:#5eead4;border-color:#5eead499}.about{padding:50px 0}.about-header{text-align:center;margin-bottom:50px}.about-title{font-size:36px;font-weight:700;color:#fff}.about-content{max-width:800px;margin:0 auto}.about-description{font-size:18px;color:#a1a1aa;line-height:1.8}.about-description p{margin-bottom:18px}:root{--primary-color: #27272a;--secondary-color: #65656d;--tertiary-color: #acacb4;--quaternary-color: #e4e4e7;--link-color: #14b8a6;--background-color: #f3f4f6;--primary-font: "Heebo", sans-serif;--secondary-font: "Roboto", sans-serif}body{margin:0;font-family:var(--primary-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none;transition:color .25s ease}a:hover{text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(94,234,212,.6);outline-offset:2px;border-radius:6px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project{mix-blend-mode:normal;border-radius:20px;opacity:.8;height:100%}.project a{text-decoration:none}.project:hover{background:#fafafa;opacity:1;transition:background-color .3s ease-in-out}.project:hover .project-link{color:var(--link-color);transition:color .3s ease-in-out}.project:hover .project-title{color:var(--primary-color)}.project-container{padding:30px}.project-logo{width:30px}.project-logo img{width:100%}.project-title{font-family:var(--secondary-font);color:#fff;font-size:16px;padding-top:15px;margin-bottom:1em;font-weight:700}.project-description{color:var(--secondary-color)}.project-link{display:flex;align-items:center;color:var(--secondary-color);font-size:12px;padding-top:20px}.project-link-icon{padding-left:5px;font-size:13px}.project-link-text{padding-left:20px;font-weight:700}@media (max-width: 600px){.project{height:300px}}.all-projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px}.works,.projects{padding:50px 0}.works-header,.projects-header{text-align:center;margin-bottom:50px}.works-title,.projects-title{font-size:36px;font-weight:700;color:#fff}.works-subtitle,.projects-subtitle{font-size:18px;color:#a1a1aa}.works-body,.projects-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px}.work{background:#18181beb;border:1px solid rgba(63,63,70,.6);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #00000073;transition:transform .25s ease,box-shadow .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform-style:preserve-3d}.work:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg);box-shadow:0 16px 40px #0009}.work-image{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.work:hover .work-image{transform:scale(1.02)}.work-title{font-size:24px;font-weight:700;color:#fff;margin:18px 20px 8px}.work-description{font-size:16px;color:#d4d4d8;margin:0 20px 18px;line-height:1.75}.work-link{margin:0 20px 20px}.work-link a{color:#7dd3fc;font-size:16px;text-decoration:none;border-bottom:1px dashed rgba(125,211,252,.35);transition:color .25s ease,border-color .25s ease}.work-link a:hover{color:#bae6fd;border-color:#bae6fd99}