:root{--color-blue: #0357F6;--color-dark: #272837;--color-grey500: #6F6F6F;--color-grey100: #f1f2f5;--color-white: #fff;--color-text-primary: var(--color-dark);--color-text-primary-inverse: var(--color-white);--color-text-secondary: var(--color-grey500);--color-bg-primary: var(--color-blue);--color-bg-secondary: var(--color-grey100);--color-bg-tertiary: var(--color-white);--size-text-sm: 1em;--size-text-md: 1.25em;--size-text-lg: 1.5em;--size-text-xl: 2em;--size-text-2xl: 2.5em;--size-text-3xl: 3em;--size-text-h1: var(--size-text-3xl);--size-text-h2: var(--size-text-2xl);--size-text-h3: var(--size-text-xl);--size-text-h4: var(--size-text-lg);--size-text-p: var(--size-text-lg);--size-text-button: var(--size-text-md);--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 56px;--spacing-3xl: 80px;--spacing-4xl: 120px;--spacing-5xl: 200px}a{font-weight:400;color:var(--color-text-primary);text-decoration:inherit}a:hover{color:var(--color-text-primary)}body{font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.6;color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;display:flex;justify-content:center;box-sizing:border-box;min-width:320px;min-height:100vh}h1{font-size:var(--size-text-h1);line-height:1.25;font-weight:700}h2{font-size:var(--size-text-h2);line-height:1.25;font-weight:400}h3{font-size:var(--size-text-h3);line-height:1.25;font-weight:700}h4{font-size:var(--size-text-h4);line-height:1.25;font-weight:700}p{font-size:var(--size-text-p);line-height:1.5;font-weight:400;color:#6f6f6f}button{border-radius:50%;padding:.6em 1.2em;font-size:1em;font-weight:400;font-family:inherit;background-color:var(--color-bg-primary);color:#fff;cursor:pointer}button:hover{color:var(--color-text-primary-inverse)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}a:hover{color:var(--color-text-primary)}button{background-color:var(--color-bg-secondary)}}.avatar{width:200px;height:240px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;object-fit:cover}.divider{width:88px;height:8px;background-color:var(--color-bg-primary);margin:0 0 24px;border-radius:4px}.social-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;padding:0;border:none}.social-button:hover{background-color:var(--color-bg-primary);color:var(--color-text-primary-inverse)}.SocialICons-Wrapper{display:flex;justify-content:start;align-items:center;gap:var(--spacing-md)}.tags-wrapper{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.tag{display:inline-block;background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:1.25em;padding:8px 14px;border-radius:12px;font-weight:500;white-space:nowrap}.intro{max-width:480px}.projects-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xl)}.project-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;width:100%;background-color:var(--color-bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(3,87,246,0,1);transition:background-color .3s ease-in-out,padding .3s ease-in-out,transform .3s ease-in-out,box-shadow .3s ease-in-out,color .3s ease-in-out;padding:20px 56px;cursor:pointer}.project-card:hover{background-color:var(--color-bg-primary);color:var(--color-text-primary-inverse);box-shadow:0 4px 40px #0357f699;transform:translateY(-4px) scale(1.02)}.project-content p{margin-top:-24px}.project-card p{transition:color .3s ease-in-out}.project-card:hover p{color:var(--color-text-primary-inverse)}.hover-image{width:400px;height:320px;object-fit:cover;pointer-events:none;border-radius:8px;box-shadow:0 8px 16px #0003;z-index:9999;transition:transform .3s ease-in-out}.project-preview{position:fixed;bottom:0;left:0;width:400px;height:auto;opacity:0;transform:translateY(40px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:1}.project-preview.visible{opacity:1;transform:translateY(0)}.project-preview img{width:100%;display:block;border-radius:8px}.layout-wrapper{display:flex;justify-content:center;width:100%}.layout{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-5xl)}.header{position:sticky;top:0;width:320px;height:100vh;box-sizing:border-box;overflow:auto}.content{width:800px;margin-top:264px;padding-bottom:100px;gap:var(--spacing-3xl);display:flex;flex-direction:column}