html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.6}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--white: #fff;--gray-200: #e9ecef;--gray-400: #ced4da;--gray-600: #6c757d;--gray-800: #343a40;--black: #000;--blue: #0d6efd;--indigo: #6610f2;--purple: #6f42c1;--pink: #d63384;--red: #dc3545;--orange: #fd7e14;--yellow: #ffc107;--green: #28a745;--teal: #20c997;--cyan: #17a2b8;--primary: #01df74;--secondary: #302c33;--success: #28a745;--info: #17a2b8;--warning: #ffc107;--danger: #dc3545;--light: #e9ecef;--dark: #343a40;--primary-opacity-15: rgba(1, 223, 116, .15);--primary-opacity-10: rgba(1, 223, 116, .1);--primary-opacity-08: rgba(1, 223, 116, .08);--primary-opacity-06: rgba(1, 223, 116, .06);--primary-opacity-04: rgba(1, 223, 116, .04);--primary-opacity-03: rgba(1, 223, 116, .3);--white-opacity-70: rgba(255, 255, 255, .7);--white-opacity-60: rgba(255, 255, 255, .6);--white-opacity-40: rgba(255, 255, 255, .4);--white-opacity-10: rgba(255, 255, 255, .1);--white-opacity-08: rgba(255, 255, 255, .08);--secondary-opacity-08: rgba(48, 44, 51, .08);--secondary-opacity-05: rgba(48, 44, 51, .05);--secondary-opacity-04: rgba(48, 44, 51, .04);--secondary-opacity-02: rgba(48, 44, 51, .02);--black-opacity-90: rgba(0, 0, 0, .9);--icon-default-color: #343a40;--badge-icon-color: #fff;--linkedin-color: #0a66c2;--github-color: #000000;--github-icon-color: #ffffff;--daily-dev-color: #0e7a1c;--react-color: #61dafb;--react-icon-color: #000000;--nextjs-color: #000000;--typescript-color: #3178c6;--javascript-color: #f7df1e;--javascript-icon-color: #000000;--sass-color: #cc6699;--html-color: #e34c26;--vite-color: #646cff;--git-color: #f1502f;--jest-color: #c21325;--storybook-color: #ff4785;--google-color: #4285f4;--firebase-color: #ff7139;--docker-color: #2496ed;--docker-icon-color: #ffffff;--nodejs-color: #339933;--nodejs-icon-color: #ffffff;--php-color: #777bb4;--responsive-color: #0066cc;--component-color: #9b59b6;--code-color: #5c6ac4;--chrome-color: #4285f4;--firefox-color: #ff7139;--border-radius: .25rem;--transition-base: .2s ease-out;--transition-fast-base: .1s ease-out;font-size:.9rem;line-height:1.5;font-family:Courier New,courier,monospace;font-weight:400;height:100%;color:var(--primary);background-color:#1f1236;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Base{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0 2rem}.Base__content{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.Base__section{margin:auto 0}.Base footer{position:relative;width:100%;max-width:500px;margin:4rem auto 0;padding:2rem 0;line-height:1.6;font-size:.9rem;text-align:center;opacity:1;border-top:1px solid var(--primary-opacity-03);color:var(--white-opacity-60)}.Base footer:before{position:absolute;top:-1px;left:50%;transform:translate(-50%);content:" ";display:block;width:60px;height:2px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%)}.Base footer a{color:var(--primary);text-decoration:none;transition:all var(--transition-base);font-weight:500}.Base footer a:hover{opacity:.7;text-decoration:underline}.Link{display:inline-flex;align-items:center;padding:5px 0;text-decoration:none;color:var(--white);transition:all var(--transition-base)}.Link__icon{display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);color:var(--secondary);background:var(--primary);margin-right:.5rem;transition:all var(--transition-base);width:18px;height:18px;min-width:18px;padding:1px}.Link--hover{position:relative;text-decoration:none;opacity:.8}.Link--hover:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--white) 20%,var(--white) 80%,transparent 100%);transform:scaleX(0);transition:all var(--transition-fast-base)}.Link--hover:hover{opacity:1}.Link--hover:hover:after{transform:scaleX(1)}.Link--scale{opacity:.7;transition:all var(--transition-fast-base);color:#01df74}.Link--scale .Link__icon{background:#01df74}.Link--scale:hover{opacity:1}@media(hover:hover){.Link--scale:hover{padding-left:.3rem}}.Home__icon{font-size:1.3rem;color:var(--yellow)}.Home__section{width:100%;max-width:500px;margin:2rem auto 0}.Home__skills h2{margin:0 0 1rem;font-size:1.5rem}.Home__skillsList,.Home__badges,.Home__links{display:flex;flex-wrap:wrap;gap:1rem}.Home h3{margin:0 0 1rem;font-size:1.25rem}.Home strong{font-weight:700}.Badge{display:inline-flex;align-items:center;gap:0;padding:0;text-decoration:none;color:var(--white);cursor:pointer;border-radius:var(--border-radius);overflow:hidden}.Badge--anchor{transition:all var(--transition-base)}.Badge--anchor:hover{transform:translateY(-2px)}.Badge--static{cursor:default}.Badge__icon{display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--secondary);padding:.4rem;width:1rem;height:.75rem}.Badge__text{font-size:.75rem;font-weight:500;padding:.4rem .6rem;background-color:var(--white-opacity-08);height:.75rem;display:flex;align-items:center;border-left:3px solid}.Badge--lg .Badge__icon{padding:.6rem;width:1.5rem;height:1.5rem}.Badge--lg .Badge__text{font-size:1rem;padding:.6rem .8rem;height:1.5rem}.Tooltip{position:relative;display:inline-block}.Tooltip__content{visibility:hidden;background-color:var(--black-opacity-90);color:var(--white);text-align:center;padding:.5rem .75rem;border-radius:var(--border-radius);font-size:.75rem;white-space:nowrap;position:absolute;z-index:1000;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.Tooltip:hover .Tooltip__content{visibility:visible;opacity:1}.Tooltip--top .Tooltip__content{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem}.Tooltip--bottom .Tooltip__content{top:100%;left:50%;transform:translate(-50%);margin-top:.5rem}.Tooltip--left .Tooltip__content{right:100%;top:50%;transform:translateY(-50%);margin-right:.5rem}.Tooltip--right .Tooltip__content{left:100%;top:50%;transform:translateY(-50%);margin-left:.5rem}@keyframes pixel-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pixel-pulse{0%,to{text-shadow:3px 3px 0 rgba(13,110,253,.7),6px 6px 0 rgba(253,126,20,.4)}50%{text-shadow:3px 3px 0 rgba(253,126,20,.4),8px 8px 0 rgba(13,110,253,.4)}}.Headline{display:flex;justify-content:center;padding:1.5rem 0;margin:3rem 0 0;background:transparent;color:var(--secondary)}@media(min-width:768px){.Headline{margin:3rem -2rem 0}}.Headline__inner{display:flex;flex-flow:column wrap;align-items:baseline;gap:1rem;width:100%;max-width:500px;padding:2rem 0;background:linear-gradient(var(--secondary-opacity-05) 1px,transparent 1px);background-size:100% 100%,8px 8px;background-position:0 0,0 0;box-shadow:inset 0 0 0 1px var(--secondary-opacity-10),0 4px 0 var(--primary-opacity-20),0 8px 16px var(--primary-opacity-10);animation:pixel-float 3s ease-in-out infinite;image-rendering:pixelated}@media(min-width:768px){.Headline__inner{flex-direction:row;align-items:center;gap:2rem;padding:2.5rem 3rem}}.Headline h1{font-size:2rem;font-weight:900;margin:0;color:var(--primary);letter-spacing:2px;line-height:46px;font-family:Courier New,monospace;text-transform:uppercase;animation:pixel-pulse 2s ease-in-out infinite}@media(min-width:600px){.Headline h1{font-size:2.4rem}}@media(min-width:768px){.Headline h1{font-size:2.75rem}}@media(min-width:1024px){.Headline h1{font-size:3rem}}.Headline p{margin:0;color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:.75rem;font-family:Courier New,monospace;text-shadow:2px 2px 0 rgba(253,126,20,.7)}
