:root{--b-g: #090909;--texto-color: #d8d6e4;--color-primario: #ffe200;--color-segundario: #333233;--color-texto-tag: #f8f8f8cc;--texto-mobile: 16px;--titulo-mobile: 20px;--subtitulo-mobile: 18px;--texto-desktop: 17px;--subtitulo-desktop: 20px;--subtitulo-xl-desktop: 24px;--titulo-desktop: 28px;--boton-text: 18px;--padding-6xs: 2px;--padding-5xs: 4px;--padding-4xs: 8px;--padding-3xs: 12px;--padding-2xs: 14px;--padding-xs: 16px;--padding-sm: 18px;--padding-md: 20px;--padding-lg: 22px;--padding-xl: 24px;--padding-2xl: 26px;--padding-3xl: 28px;--padding-4xl: 30px;--padding-5xl: 32px;--drop-shadow-imagen: 0px 4px 4px rgba(255, 226, 0, .5);--max-width: 1200px;--border-radius: 12px;--border-radius-2: 16px;--border-radius-3: 20px;--spacing-lg: 2rem;--spacing-md: 1rem}*{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-style:normal;margin:0;padding:0;box-sizing:border-box}.presentation{display:flex;padding:0 79px;gap:var(--padding-5xl);align-self:stretch;justify-content:center;align-items:center}.presentation img{aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--border-radius-3)}.presentation__info{display:flex;flex-direction:column;width:500px;height:100%;text-align:start}.presentation__info h2{padding-bottom:var(--padding-4xs)}.presentation__info p{padding-top:var(--padding-3xs)}.presentation__info span{color:#fff;font-weight:400}.presentation__info__social{margin-top:var(--padding-xs)}.presentation__info__social img{width:25px;height:25px;margin-right:var(--padding-5xs)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;background-color:var(--b-g);color:var(--texto-color);min-height:100vh}.container{width:100%;margin:0 auto;position:relative;z-index:999;padding:var(--spacing-lg)}.portfolio__header{text-align:center;padding-top:var(--padding-5xl)}.portfolio__header h1{font-size:var(--titulo-desktop);color:var(--texto-color);margin-bottom:var(--spacing-md)}.highlight,.portfolio__header .highlight{color:var(--color-primario)}.portfolio__header__tags{display:flex;margin-top:12px;justify-content:center;align-items:center;gap:var(--padding-5xs)}.portfolio__header__subtitle{font-size:var(--subtitulo-desktop);color:#d8d6e480}.projects-grid{display:grid;display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.project__card{display:flex;width:875px;background-color:var(--b-g);padding:var(--padding-md);border-radius:var(--border-radius);box-shadow:var(--drop-shadow-imagen)}.project-card:hover{transform:translateY(-5px)}p{font-size:var(--texto-desktop)}.project-image{width:300px;max-height:200px;max-width:400px;background-position:center;flex:1 0 0;border-radius:20px;object-fit:cover}.project__content{display:flex;flex-direction:column;justify-content:start;align-items:flex-start;text-align:start;margin-top:var(--padding-xs);margin-left:var(--padding-md)}.project__title{font-size:var(--subtitulo-desktop);margin-bottom:var(--padding-5xs)}.project__description{font-size:var(--texto-desktop);color:var(--texto-color);margin-top:var(--padding-xs)}.project__tags{display:flex;gap:var(--padding-5xs);flex-wrap:wrap}.project__tag{display:inline-flex;align-items:center;justify-content:center;height:30px;color:#fff;padding:var(--padding-3xs) var(--padding-sm);border-radius:16px;font-size:var(--texto-mobile);border:1px solid rgba(228,228,214,.4);white-space:nowrap}.project__tag span{color:#fff}.project__tag img,.project__tag svg.project__tag__icon{max-width:23px;max-height:23px;width:16px;height:16px;flex-shrink:0;margin-right:var(--padding-5xs);padding-right:0}.timeline{position:relative;margin-top:var(--spacing-lg)}.timeline-item{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.timeline-marker{background-color:var(--color-primario);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:700}.color__1{width:526px;top:-58px;right:-200px;background:#ffe20080;position:absolute;z-index:-1;height:473px;filter:blur(250px)}.color__2{width:526px;top:327px;left:-431px;background:#ffe20080;position:absolute;z-index:-1;height:473px;filter:blur(250px)}@media (width <= 412px){.presentation{display:flex;flex-direction:column;padding:0;gap:var(--padding-5xl);align-self:stretch;align-items:start}.presentation__info{display:flex;flex-direction:column;width:100%;height:100%;text-align:start}.project__card{flex-direction:column}.portfolio__header__tags{flex-wrap:wrap}.portfolio__header__tags .project__tag{margin-top:var(--padding-4xs)}}@media (width <= 740px){.presentation{display:flex;flex-direction:column;padding:0;gap:var(--padding-5xl);align-self:stretch;align-items:start}.portfolio__header__tags{flex-wrap:wrap}.portfolio__header__tags .project__tag{margin-top:var(--padding-4xs)}.presentation__info{display:flex;flex-direction:column;width:100%;height:100%;text-align:start}.project__card{flex-direction:column}}.project__card:hover{cursor:pointer;background-color:#161515}#root{overflow-x:hidden;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}