@import"https://fonts.googleapis.com/css2?family=Amarante&family=Poiret+One&family=Roboto:ital,wght@0,100..900;1,100..900&family=Whisper&display=swap";.amarante,.poiret-one,.roboto,h1,.h1,h2,h3,h4,h5,h6,.whisper{font-style:normal}.amarante{font-family:Amarante,serif}.poiret-one{font-family:Poiret One,sans-serif}.whisper{font-family:Whisper,sans-serif}.roboto,h1,.h1,h2,h3,h4,h5,h6{font-optical-sizing:auto;font-variation-settings:"wdth" 100}.roboto-400{font-weight:400}.roboto-600{font-weight:600}.roboto-800{font-weight:800}:root{font-family:Roboto,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:clamp(12px,1.1111111111vw,32px);color-scheme:light dark;color:#000013;background-color:#ffffffde;background:radial-gradient(99% 31% at 0% 0%,#00ff9926,#0f90 95%),radial-gradient(44% 50% at 99% 50%,#ff4f9e26,#ff4f9e00 95%),radial-gradient(50% 50% at 50% 50%,#80bbff29,#80bbff00 95%),radial-gradient(43% 47% at 52% 53%,#00ff9926,#0f90),radial-gradient(53% 70% at 84% 31%,#ff4f9e26,#ff4f9e00),radial-gradient(52% 77% at 17% 23%,#07f3,#80bbff00),#f2f5ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1,.h1,h2,h3,h4,h5,h6{line-height:1.4em}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.font-3xl,.font-2xl,.font-xl{font-weight:400;margin-block-start:unset;margin-block-end:unset}.font-3xl{font-size:8rem;font-size:clamp(2rem,8.8vw,8rem)}.font-2xl{font-size:6rem;font-size:clamp(1.75rem,6.6vw,6rem)}.font-xl{font-size:3rem;font-size:clamp(1.5rem,3.3vw,3rem)}svg.icon{min-width:1rem;width:1.25rem;min-height:1rem;height:1.25rem}svg.icon path.fill{fill:#000013}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.grid,.row,.col{display:grid;grid-template-rows:auto}.row{grid-auto-flow:column;grid-template-columns:auto}.col{grid-auto-flow:row}.card{padding:2em}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.nav,.nav ul{margin:0;position:sticky;top:0;height:50vh}.nav ul{padding:0}.nav ul li,.nav ul li a{list-style-type:none;display:block;width:100%;font-weight:400}.nav ul li,.nav ul li:before,.nav ul li:hover:before{transition:all .25s ease-in-out 0s}.nav ul li{position:relative;margin-block:4px;padding:2px}.nav ul li a{text-decoration:none;color:inherit}.nav ul li:before{position:absolute;height:2px;width:0;left:0;bottom:2px;content:"";background:pink}.nav ul li:hover{scale:1.125}.nav ul li:hover:before{left:-1%;background:#ffffffde}.nav ul li:nth-child(1).current:before{background:#ff4f9e}.nav ul li:nth-child(2).current:before{background:#0f9}.nav ul li:nth-child(3).current:before{background:#80bbff}.nav ul li:nth-child(4).current:before{background:#07f}.nav ul li:hover:before,.nav ul li.current:before{width:100%}.nav ul .current,.nav ul li.current a{font-weight:700;font-weight:800}.right,.color-mode,.social-links{justify-items:left}.right{position:fixed;top:1rem;right:0}.right,.right div,.right a{width:9rem}.social-links{display:grid;grid-auto-flow:row;gap:.25rem;place-items:end}.social-links a{display:grid;grid-template-columns:1.5rem 1fr;gap:.25rem;transition:all 333ms ease-in-out;width:100%;background-color:#ffffffde;padding:.25rem .5rem .25rem 1rem;border-radius:1rem 0 0 1rem;border:1px solid #0077ff;border-right-color:transparent;align-items:center}.social-links a,.social-links span,.social-links .icon .fill{color:#07f;fill:#07f}.social-links a:hover{transform:scale(1.1);box-shadow:0 0 24px #0077ff4d}.social-links a:hover span{font-weight:700;text-decoration:underline}.social-links a:active,.social-links a:focus,.social-links a:visited{border:1px solid #5e069d}.social-links a:active svg path.fill,.social-links a:focus svg path.fill,.social-links a:visited svg path.fill{fill:#5e069d}.social-links a:active span,.social-links a:focus span,.social-links a:visited span{text-decoration:underline;color:#5e069d}#app{margin:0;padding:0 1rem;display:grid;grid-template-columns:5rem 1fr;width:clamp(500px,100vw,1290px);gap:1rem}#app,#app #component{width:100%}#app #component div{padding:1.5rem}#app #intro,#app #intro *,#app #about,#app #about *,#app #portfolio,#app #portfolio *,#app #resume,#app #resume *{box-sizing:border-box}#intro{display:flex;flex-direction:column;gap:5rem}#intro .row{display:flex;height:fit-content;width:fit-content}#intro .row .col{background-color:#ffffffde;border:4px solid #80BBFF;box-shadow:0 0 24px #0077ff4d}#intro .row h1,#intro .row h2,#intro .row h3,#intro .row h4{color:#000013}#intro .name .col{border-radius:1rem}#intro .about .col:before{content:"";position:absolute;display:block;top:-.25rem;left:-.25rem;width:calc(100% + .5rem);height:calc(100% + .5rem);background:linear-gradient(137.5deg,#0f9,#80bbff 44%,#ff4f9e 105%);border-radius:2.25rem;z-index:-1}#intro .about .col{border-radius:2rem;place-self:end;position:relative;border:none}#intro .row:last-of-type{place-self:end}#about{height:1820px}#not-found{height:1820px;width:1000px;border:2px dashed red}#not-found h1{font-size:5rem;color:red;line-height:3em}