.dark{--md-sys-color-primary:#aac7ff;--md-sys-color-surface-tint:#aac7ff;--md-sys-color-on-primary:#0a305f;--md-sys-color-primary-container:#284777;--md-sys-color-on-primary-container:#d6e3ff;--md-sys-color-secondary:#bec6dc;--md-sys-color-on-secondary:#283141;--md-sys-color-secondary-container:#3e4759;--md-sys-color-on-secondary-container:#dae2f9;--md-sys-color-tertiary:#ddbce0;--md-sys-color-on-tertiary:#3f2844;--md-sys-color-tertiary-container:#573e5c;--md-sys-color-on-tertiary-container:#fad8fd;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-background:#111318;--md-sys-color-on-background:#e2e2e9;--md-sys-color-surface:#111318;--md-sys-color-on-surface:#e2e2e9;--md-sys-color-surface-variant:#44474e;--md-sys-color-on-surface-variant:#c4c6d0;--md-sys-color-outline:#8e9099;--md-sys-color-outline-variant:#44474e;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#e2e2e9;--md-sys-color-inverse-on-surface:#2e3036;--md-sys-color-inverse-primary:#415f91;--md-sys-color-primary-fixed:#d6e3ff;--md-sys-color-on-primary-fixed:#001b3e;--md-sys-color-primary-fixed-dim:#aac7ff;--md-sys-color-on-primary-fixed-variant:#284777;--md-sys-color-secondary-fixed:#dae2f9;--md-sys-color-on-secondary-fixed:#131c2b;--md-sys-color-secondary-fixed-dim:#bec6dc;--md-sys-color-on-secondary-fixed-variant:#3e4759;--md-sys-color-tertiary-fixed:#fad8fd;--md-sys-color-on-tertiary-fixed:#28132e;--md-sys-color-tertiary-fixed-dim:#ddbce0;--md-sys-color-on-tertiary-fixed-variant:#573e5c;--md-sys-color-surface-dim:#111318;--md-sys-color-surface-bright:#37393e;--md-sys-color-surface-container-lowest:#0c0e13;--md-sys-color-surface-container-low:#191c20;--md-sys-color-surface-container:#1d2024;--md-sys-color-surface-container-high:#282a2f;--md-sys-color-surface-container-highest:#33353a;--vekvy-skill-icons-url:url(https://skillicons.dev/icons?i=arch,androidstudio,vscode,kotlin,python)}.light{--md-sys-color-primary:#415f91;--md-sys-color-surface-tint:#415f91;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#d6e3ff;--md-sys-color-on-primary-container:#284777;--md-sys-color-secondary:#565f71;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#dae2f9;--md-sys-color-on-secondary-container:#3e4759;--md-sys-color-tertiary:#705575;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#fad8fd;--md-sys-color-on-tertiary-container:#573e5c;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#93000a;--md-sys-color-background:#f9f9ff;--md-sys-color-on-background:#191c20;--md-sys-color-surface:#f9f9ff;--md-sys-color-on-surface:#191c20;--md-sys-color-surface-variant:#e0e2ec;--md-sys-color-on-surface-variant:#44474e;--md-sys-color-outline:#74777f;--md-sys-color-outline-variant:#c4c6d0;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#2e3036;--md-sys-color-inverse-on-surface:#f0f0f7;--md-sys-color-inverse-primary:#aac7ff;--md-sys-color-primary-fixed:#d6e3ff;--md-sys-color-on-primary-fixed:#001b3e;--md-sys-color-primary-fixed-dim:#aac7ff;--md-sys-color-on-primary-fixed-variant:#284777;--md-sys-color-secondary-fixed:#dae2f9;--md-sys-color-on-secondary-fixed:#131c2b;--md-sys-color-secondary-fixed-dim:#bec6dc;--md-sys-color-on-secondary-fixed-variant:#3e4759;--md-sys-color-tertiary-fixed:#fad8fd;--md-sys-color-on-tertiary-fixed:#28132e;--md-sys-color-tertiary-fixed-dim:#ddbce0;--md-sys-color-on-tertiary-fixed-variant:#573e5c;--md-sys-color-surface-dim:#d9d9e0;--md-sys-color-surface-bright:#f9f9ff;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f3f3fa;--md-sys-color-surface-container:#ededf4;--md-sys-color-surface-container-high:#e7e8ee;--md-sys-color-surface-container-highest:#e2e2e9;--vekvy-skill-icons-url:url(https://skillicons.dev/icons?i=arch,androidstudio,vscode,kotlin,python&theme=light)}@font-face{font-family:GoogleSansFlexBrand;src:url(./GoogleSansFlex-B_BElfLX.woff2)format("woff2-variations");font-variation-settings:"wght" 500, "ROND" 100}@font-face{font-family:GoogleSansFlexPlain;src:url(./GoogleSansFlex-B_BElfLX.woff2)format("woff2-variations");font-weight:400;font-variation-settings:"wght" 400, "ROND" 100}@font-face{font-family:MaterialSymbolsRounded;src:url(./MaterialSymbolsRounded-B0uSmYvh.woff2)format("woff2");font-variation-settings:"wght" 500}:root{--md-ref-typeface-brand:"GoogleSansFlexBrand", system-ui;--md-ref-typeface-plain:"GoogleSansFlexPlain", system-ui;--md-icon-font:"MaterialSymbolsRounded"}*{box-sizing:border-box}html,body{flex-direction:column;height:100dvh;margin:0;display:flex;overflow:hidden}html{font-family:var(--md-ref-typeface-plain), system-ui;background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}a{color:var(--md-sys-color-primary);text-decoration:none;transition:opacity .15s ease-in-out}a:hover{opacity:.75}a:active{opacity:.5}header{align-items:center;gap:12px;width:100%;padding:16px 16px 0;transition:padding .6s ease-in-out;display:flex}.header-right{margin-left:auto}#my-profile{cursor:pointer;align-items:center;gap:12px;transition:opacity .15s ease-in-out;display:flex}#my-profile:hover{opacity:.75}#my-profile:active{opacity:.5}.pfp{border:3px solid var(--md-sys-color-background);border-radius:50%;width:32px;height:32px;display:block}.user-name{font-variation-settings:"wght" 500, "ROND" 100;margin:0;line-height:1}.cards{flex-grow:1;justify-content:center;align-items:stretch;gap:16px;width:100%;max-width:2200px;margin:0 auto;padding:16px;transition:padding .6s ease-in-out,gap .6s ease-in-out;display:flex;overflow:hidden}.main-card,.side-card{clip-path:inset(0 round 32px);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant) transparent;transition:clip-path .3s ease-in-out;overflow:hidden auto}.main-card{min-width:0;color:var(--md-sys-color-on-background);background:var(--md-sys-color-background);flex:1;padding:32px}.side-card{min-width:185px;max-width:185px;color:var(--md-sys-color-on-background);background:var(--md-sys-color-background);white-space:nowrap;opacity:1;flex-direction:column;flex-basis:250px;padding:24px;transition:opacity .6s ease-in-out,max-width .6s ease-in-out,min-width .6s ease-in-out,padding .6s ease-in-out;display:flex}#projects-container{flex-direction:column;gap:16px;padding-bottom:8px;display:flex}.version-item{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.project-card{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:28px;flex-direction:column;gap:16px;max-width:750px;padding:24px;transition:background-color .2s;display:flex}.project-card:hover{background:var(--md-sys-color-surface-container-high)}.project-card-title{color:var(--md-sys-color-on-surface);margin:0}.project-card-description{color:var(--md-sys-color-on-surface-variant);margin:0 0 8px;line-height:1.5;display:-webkit-box;overflow:hidden}.project-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.project-card-buttons{align-self:flex-end;gap:12px;margin-top:auto;display:flex}md-icon.fill{font-variation-settings:"FILL" 1}p md-icon{vertical-align:middle;vertical-align:-.5em;margin-right:6px;font-size:1.25em}p{flex-wrap:wrap;align-items:center;display:flex}code{border-left:4px solid var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container-low);border-radius:4px 12px 12px 4px;padding:8px}.side-card-nav p,.side-card-nav ul,.side-card-nav li{margin:0;line-height:1.75}.side-card-nav ul{padding-left:30px}.settings-row{justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.settings-row label{font-family:var(--md-ref-typeface-brand);color:var(--md-sys-color-on-surface);cursor:pointer;flex:1;font-size:1rem}#dialog-title-container{align-items:center;gap:8px;width:360px;display:flex}.center{text-align:center}.center p{display:block}.skill-icons{content:var(--vekvy-skill-icons-url)}.version-details{flex-direction:column;gap:4px;display:flex}.version-name{color:var(--md-sys-color-on-surface);font-family:GoogleSansFlexBrand,system-ui}.version-size{color:var(--md-sys-color-primary)}#hi-there,#projects-in-work,#tech-stack-and-tools,#tech-stack-and-tools_backend,#tech-stack-and-tools_environment{scroll-margin-top:32px}#hi-there{margin:0;padding-bottom:30px}.main-card::-webkit-scrollbar{width:12px}.side-card::-webkit-scrollbar{width:12px}.main-card::-webkit-scrollbar-track{background:0 0;margin:20px 0}.side-card::-webkit-scrollbar-track{background:0 0;margin:20px 0}.main-card::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant);border:4px solid var(--md-sys-color-background);background-clip:padding-box;border-radius:10px}.side-card::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant);border:4px solid var(--md-sys-color-background);background-clip:padding-box;border-radius:10px}@media (width>=1500px){.main-card,.side-card{clip-path:inset(0 round 52px)}}@media (width<=750px){.cards{gap:0}.side-card{opacity:0;pointer-events:none;flex-basis:0;min-width:0;max-width:0;margin:0;padding:24px 0}}@media (width<=500px){.cards{gap:0;padding:8px 0 0}.main-card,.side-card{clip-path:inset(0 round 36px 36px 0 0)}.side-card{opacity:0;pointer-events:none;flex-basis:0;min-width:0;max-width:0;margin:0;padding:24px 0}header{padding:8px 8px 0}}
