nav{contain:paint;will-change:transform;color:var(--text-color);border-radius:var(--radius-out);z-index:100;backface-visibility:hidden;border:1px solid #ffffff1f;width:fit-content;padding:4px;transition:border-color .3s,box-shadow .3s;position:fixed;top:50vh;left:1.25rem;box-shadow:0 16px 40px #00000040;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;background-color:#14141499!important;overflow:hidden!important;transform:translateY(-50%)translateZ(0)!important}nav:hover{border-color:color-mix(in srgb, var(--primary-color) 40%, transparent);box-shadow:0 20px 48px color-mix(in srgb, var(--primary-color) 15%, #00000059)}nav ul{flex-direction:column;justify-content:space-between;align-items:center;margin:.1em;padding:0;list-style:none;display:flex}nav ul li{margin:.25em}nav ul li a,nav ul li button{width:3em;height:3em;color:var(--text-color);border-radius:var(--radius-in);text-align:center;cursor:pointer;opacity:1;box-sizing:border-box;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;font-size:.75rem;text-decoration:none;transition:background-color .25s,color .25s,transform .25s cubic-bezier(.175,.885,.32,1.275);display:flex}:is(nav ul li a,nav ul li button) .caption{height:0;color:var(--text-color);transition:all .25s ease-in-out;overflow:hidden;scale:0}:is(nav ul li a,nav ul li button) i,:is(nav ul li a,nav ul li button) .material-symbols-rounded{color:var(--text-color);font-size:1.5rem;transition:transform .25s,color .25s}@media screen and (min-width:500px){:is(nav ul li a,nav ul li button):hover:not(.active){background-color:color-mix(in srgb, var(--primary-color) 18%, #ffffff14);transform:scale(1.05)}:is(nav ul li a,nav ul li button):hover:not(.active) .caption{height:auto;margin-top:2px;scale:1}}:is(nav ul li a,nav ul li button).active{background-color:var(--primary-color)!important;color:var(--background-color-primary)!important;opacity:1!important}:is(nav ul li a,nav ul li button).active .caption{height:auto;margin-top:2px;font-weight:600;scale:1;color:var(--background-color-primary)!important}:is(nav ul li a,nav ul li button).active i,:is(nav ul li a,nav ul li button).active .material-symbols-rounded{color:var(--background-color-primary)!important}@media screen and (max-width:750px){nav{border-radius:999px;padding:3px 6px;top:auto!important;bottom:1.25rem!important;left:50%!important;transform:translate(-50%)translateZ(0)!important}nav ul{flex-direction:row;margin:0}nav ul li{margin:.15em}nav ul li a,nav ul li button{flex-direction:column;justify-content:center;align-items:center;width:2.75em;height:2.75em;padding:.25rem;display:flex}:is(nav ul li a,nav ul li button) .caption{display:none!important}:is(nav ul li a,nav ul li button) i,:is(nav ul li a,nav ul li button) .material-symbols-rounded{font-size:1.35rem}}
#logo{border-radius:var(--radius-out);border:1.5px solid color-mix(in srgb, var(--primary-color) 65%, #ffffffe6);transform-origin:top;z-index:100;width:250px;height:250px;box-shadow:0 20px 50px -10px color-mix(in srgb, var(--primary-color) 50%, #000c), 0 0 35px -5px color-mix(in srgb, var(--primary-color) 45%, transparent), inset 0 1px 2px #fffffff2;-webkit-backdrop-filter:blur(24px);background-color:#fff;background-image:url(/assets/img/btl-topographic-avatar.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;margin:10px 0;transition:width .5s cubic-bezier(.175,.885,.32,1.1),height .5s cubic-bezier(.175,.885,.32,1.1),border-radius .5s,top .5s,left .5s,right .5s,translate .5s,scale .5s;position:fixed;top:4em;left:50%;translate:-50%;scale:1}@media screen and (max-height:550px){#logo{width:180px;height:180px}}@media screen and (max-width:600px){#logo:not(.scrolled){border-radius:0 0 var(--radius-out) var(--radius-out);translate:0;box-sizing:border-box!important;z-index:100!important;width:100vw!important;height:100vw!important;margin:0!important;position:fixed!important;top:0!important;left:0!important;right:0!important}}#logo.home-logo{background-image:url(/assets/img/btl-topographic-avatar.png);background-color:color-mix(in srgb, var(--primary-color) 35%, #fff)}#logo.macos-logo{background-image:url(/assets/img/articles/macos/article-icon-macos.png)}@media (prefers-color-scheme:dark){#logo.macos-logo{background-image:url(/assets/img/articles/macos/article-icon-macos-dark.png)}#logo.home-logo{background-color:color-mix(in srgb, var(--primary-color) 38%, #ebebf2)}}#logo.scrolled{z-index:100;border-radius:50%;width:50px;height:50px;margin:10px;position:fixed;top:0;left:auto;right:0;translate:0}
.resume-container{width:100%;max-width:900px;font-family:var(--font-family);color:var(--text-color);box-sizing:border-box;margin:2rem auto 3.5rem;padding:0 1rem;animation:.35s cubic-bezier(.16,1,.3,1) forwards resumeFadeIn}@keyframes resumeFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.resume-toolbar{border-radius:var(--radius-out);border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);box-sizing:border-box;z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;max-width:900px;margin-bottom:1.75rem;padding:.85rem 1.5rem;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 16px 40px #00000059;background-color:var(--background-color-primary)!important;overflow:hidden!important}.resume-toolbar:hover{border-color:color-mix(in srgb, var(--primary-color) 40%, transparent);box-shadow:0 20px 48px color-mix(in srgb, var(--primary-color) 15%, #00000059)}.resume-toolbar-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.resume-ambient-beam{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--primary-color) 60%, transparent) 50%, transparent 100%);width:80%;height:2px;box-shadow:0 0 18px color-mix(in srgb, var(--primary-color) 80%, transparent);pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.resume-pill-btn{border-radius:var(--radius-out);font-size:.95rem;font-family:var(--font-family);white-space:nowrap;cursor:pointer;will-change:transform;border:none;outline:none;align-items:center;gap:.55rem;padding:.6rem 1rem;font-weight:600;text-decoration:none;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s,filter .25s,opacity .25s;display:inline-flex}.resume-pill-btn i,.resume-pill-btn .material-symbols-rounded{text-align:center;flex-shrink:0;width:1.15rem;font-size:1.15rem}.resume-pill-btn[data-pill=visual]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1e1b4b);background:var(--lightningcss-light,#6366f1)var(--lightningcss-dark,#c7d2fe)}.resume-pill-btn[data-pill=print]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#082f49);background:var(--lightningcss-light,#0284c7)var(--lightningcss-dark,#bae6fd)}.resume-pill-btn[data-pill=copy]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#451a03);background:var(--lightningcss-light,#d97706)var(--lightningcss-dark,#fde68a)}.resume-pill-btn[data-pill=vcard]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#064e3b);background:var(--lightningcss-light,#059669)var(--lightningcss-dark,#a7f3d0)}.resume-pill-btn[data-pill=email]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#b91c1c)var(--lightningcss-dark,#ffb3ae)}.resume-pill-btn[data-pill=telegram]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);background:var(--lightningcss-light,#0369a1)var(--lightningcss-dark,#a9def9)}.resume-pill-btn[data-pill=github]{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);background:var(--lightningcss-light,#000)var(--lightningcss-dark,#f0f0f0)}@media (min-width:500px){.resume-pill-btn:hover{filter:brightness(.88)saturate(1.2);opacity:.95;transform:translateY(-3px)scale(1.06);box-shadow:0 8px 20px #00000059}.resume-pill-btn:active{filter:brightness(.75);transition-duration:.1s;transform:translateY(0)scale(.97)}}.resume-paper{border-radius:var(--radius-out);border:1px solid color-mix(in srgb, var(--text-color) 14%, transparent);box-sizing:border-box;text-align:left;z-index:10;width:100%;max-width:900px;color:var(--text-color);font-family:var(--font-family);margin:0 auto;padding:2.5rem;transition:border-color .3s,box-shadow .3s;position:relative;box-shadow:0 20px 50px #00000073;background-color:var(--background-color-primary)!important;overflow:hidden!important}.resume-paper:hover{border-color:color-mix(in srgb, var(--primary-color) 40%, transparent);box-shadow:0 24px 56px color-mix(in srgb, var(--primary-color) 15%, #0006)}.resume-header{border-bottom:1px solid color-mix(in srgb, var(--text-color) 12%, transparent);flex-direction:column;gap:.6rem;margin-bottom:2rem;padding-bottom:1.75rem;display:flex}.resume-header-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.resume-title{letter-spacing:-.03em;color:var(--text-color);font-size:2.3rem;font-weight:800;font-family:var(--font-family);margin:0}.resume-brand{color:var(--primary-color);font-size:1.15rem;font-weight:700;font-family:var(--font-family)}.resume-subtitle{color:var(--text-color);opacity:.9;font-size:1.15rem;font-weight:600;font-family:var(--font-family);margin:0}.resume-contact-bar{color:var(--text-color);opacity:.8;font-size:.88rem;font-family:var(--font-family);flex-wrap:wrap;gap:1.25rem;margin-top:.4rem;display:flex}.resume-contact-item{color:inherit;align-items:center;gap:.35rem;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.resume-contact-item:hover{color:var(--primary-color);transform:translateY(-1px)}.resume-section{margin-bottom:2.25rem}.resume-section-heading{text-transform:uppercase;letter-spacing:.1em;color:var(--primary-color);border-bottom:1px solid color-mix(in srgb, var(--primary-color) 25%, transparent);align-items:center;gap:.5rem;margin:0 0 1rem;padding-bottom:.35rem;font-size:1rem;font-weight:800;display:flex}.resume-summary{color:var(--text-color);opacity:.92;font-size:.95rem;line-height:1.65;font-family:var(--font-family);margin:0 0 1.25rem}.resume-skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.9rem;display:grid}.resume-skill-card{border-radius:var(--radius-out);background-color:#ffffff0a;border:1px solid #ffffff14;padding:.9rem 1.1rem;transition:all .25s}.resume-skill-card:hover{border-color:color-mix(in srgb, var(--primary-color) 35%, transparent);background-color:#ffffff0f}.resume-skill-title{color:var(--text-color);font-size:.88rem;font-weight:700;font-family:var(--font-family);margin:0 0 .45rem}.resume-skill-tags{flex-wrap:wrap;gap:.35rem;display:flex}.resume-skill-tag{background:color-mix(in srgb, var(--primary-color) 15%, transparent);border:1px solid color-mix(in srgb, var(--primary-color) 30%, transparent);color:var(--primary-color);font-size:.75rem;font-weight:600;font-family:var(--font-family);border-radius:999px;padding:.25rem .65rem}.resume-item{border-bottom:1px dashed color-mix(in srgb, var(--text-color) 12%, transparent);margin-bottom:1.5rem;padding-bottom:1.5rem}.resume-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.resume-item-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem;margin-bottom:.35rem;display:flex}.resume-item-title{color:var(--text-color);font-size:1.08rem;font-weight:700;font-family:var(--font-family);margin:0}.resume-item-role{color:var(--primary-color);font-size:.88rem;font-weight:600;font-family:var(--font-family)}.resume-item-date{color:var(--text-color);opacity:.65;font-size:.82rem;font-weight:600;font-family:var(--font-family)}.resume-item-desc{color:var(--text-color);opacity:.9;font-size:.9rem;line-height:1.55;font-family:var(--font-family);margin:0 0 .5rem}.resume-item-bullets{color:var(--text-color);opacity:.88;font-size:.88rem;line-height:1.55;font-family:var(--font-family);margin:0 0 .6rem;padding-left:1.25rem}.resume-item-bullets li{margin-bottom:.28rem}.resume-edu-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media print{body{font-size:11pt;color:#111827!important;background:#fff!important}nav,#cursor,.resume-toolbar,.resume-ambient-beam,.warp-canvas,header,footer{display:none!important}.resume-container{max-width:100%!important;margin:0!important;padding:0!important}.resume-paper{color:#111827!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:none!important;border-radius:0!important;padding:0!important}.resume-title{color:#000!important;font-size:22pt!important}.resume-brand,.resume-section-heading,.resume-item-role{color:#0d9488!important}.resume-subtitle{color:#374151!important}.resume-contact-bar,.resume-item-date{color:#4b5563!important}.resume-skill-card{background:#f9fafb!important;border:1px solid #e5e7eb!important}.resume-skill-title,.resume-item-title{color:#111827!important}.resume-skill-tag{color:#1f2937!important;background:#f3f4f6!important;border:1px solid #d1d5db!important}.resume-summary,.resume-item-desc,.resume-item-bullets{color:#374151!important}.resume-item{page-break-inside:avoid;border-bottom:1px solid #e5e7eb!important}}@media (max-width:768px){.resume-container{padding:1rem .75rem 4rem}.resume-paper{padding:1.75rem 1.25rem}.resume-title{font-size:1.85rem}.resume-toolbar{flex-direction:column;align-items:stretch;padding:1rem}.resume-toolbar-group{justify-content:center}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--primary-color:var(--lightningcss-light,#265)var(--lightningcss-dark,#4affbd);--text-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--background-color-primary:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);--background-color-secondary:var(--lightningcss-light,#dbdbdb)var(--lightningcss-dark,#303030);--background-color-tr:var(--lightningcss-light,#dddb)var(--lightningcss-dark,#3338);--font-size:16px;--font-family:"Google Sans Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-weight:400;--blur:2em;--contrast:0;--radius-in:15px;--radius-out:20px;--m:4rem;--red:#ff6565;--pink:#ff64f9;--purple:#6b5fff;--blue:#4d8aff;--green:#5bff89;--yellow:#fe5;--orange:#ff6d1b}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.google-sans-flex-default{font-optical-sizing:auto;font-variation-settings:"slnt" 0, "wdth" 100, "GRAD" 0, "ROND" 100;font-family:Google Sans Flex,sans-serif;font-style:normal;font-weight:400}html{scroll-behavior:smooth;scrollbar-color:var(--primary-color) var(--background-color-primary);overflow-x:hidden}body{background-color:var(--background-color-primary);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);color:var(--text-color);text-align:center;scroll-behavior:smooth;font-variation-settings:"ROND" 100;cursor:none;justify-content:center;align-items:center;width:100vw;min-height:100vh;margin:0;padding:4em 0 0;line-height:1.5;transition:all .5s ease-in-out}@media screen and (max-width:300px){body{opacity:.5}}a,button,.release-card,.highlight-item,.nav-link,.material-symbols-rounded{cursor:none!important}h1{font-family:var(--font-family);box-sizing:border-box;z-index:1;text-align:center;text-transform:none;text-shadow:0 4px 30px #000000b3;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:90vw;margin:0 auto;transition:all .5s ease-in-out;display:flex}.name-primary{color:var(--primary-color);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;font-variation-settings:"wdth" 115, "ROND" 100;text-shadow:0 0 28px color-mix(in srgb, var(--primary-color) 45%, transparent);font-size:clamp(2rem,5.2vw,5.2rem);font-weight:800;line-height:1.05}.name-secondary{color:var(--text-color);text-transform:none;letter-spacing:.12em;white-space:nowrap;opacity:.95;font-variation-settings:"wdth" 105, "ROND" 100;text-shadow:0 2px 20px #000000d9, 0 0 15px color-mix(in srgb, var(--primary-color) 20%, transparent);margin-top:.4rem;font-size:clamp(1.15rem,2.3vw,2.2rem);font-weight:500;line-height:1.25}@media screen and (max-width:768px){h1{max-width:96vw;padding:0 .5rem}.name-primary{letter-spacing:.005em;font-variation-settings:"wdth" 105, "ROND" 100;font-size:clamp(1.6rem,7.5vw,3rem)}.name-secondary{letter-spacing:.08em;margin-top:.25rem;font-size:clamp(.95rem,3.8vw,1.5rem)}}@media screen and (max-width:420px){.name-primary{font-variation-settings:"wdth" 100, "ROND" 100;font-size:clamp(1.35rem,6.8vw,2rem)}.name-secondary{letter-spacing:.06em;font-size:clamp(.85rem,3.4vw,1.15rem)}}#subtitle{font-family:var(--font-family);color:var(--text-color);text-align:right;background:0 0;width:100vw;margin:0 10px;padding:0;font-size:5vw}#subtitle strong{color:var(--primary-color)}@media screen and (max-width:600px){#subtitle{color:var(--primary-color)}#subtitle{text-align:center}}h2{border-radius:var(--radius-out);color:var(--primary-color);text-transform:uppercase;font-size:2rem;font-family:var(--font-family);font-variation-settings:"wdth" 120, "ROND" 100;text-shadow:0 0 24px color-mix(in srgb, var(--primary-color) 40%, transparent);padding:.25em;font-weight:700;transition:all .5s ease-in-out,color .1s}h3{border-radius:var(--radius-out);color:var(--text-color);background-color:var(--background-color-tr);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));margin:0;padding:.75em;font-size:1.25rem;transition:all .5s ease-in-out}.item{opacity:0;transition:all .5s cubic-bezier(.175,.885,.32,1.275) .1s;transform:translateY(100px)}.container{flex-direction:column;align-items:center;width:100vw;display:flex}.container .heading{flex-direction:column;align-items:center;display:flex}.container p{font-size:1.2em}.container p span.typed-text{color:var(--primary-color)}.container p span.cursor{background-color:var(--primary-color);width:3px;margin-left:.1rem;animation:1s infinite blink;display:inline-block}.container p span.cursor.typing{animation:none}.button-view{background-color:var(--background-color-secondary);border:.1em solid var(--text-color);border-radius:var(--radius-out);margin-bottom:4em;padding:.5em 1em}@media screen and (min-width:500px){.button-view:hover{background-color:var(--primary-color);color:var(--background-color-secondary);cursor:none}}@keyframes opacity{0%{opacity:1}25%{opacity:1}50%{opacity:.3}75%{opacity:1}to{opacity:1}}.content{width:60vw;max-width:900px;margin:0 auto}@media screen and (max-width:1000px){.content{width:85vw}}@media screen and (max-width:600px){.content{width:90vw}}.content p{text-wrap:wrap;text-align:justify;padding:0}.content .details-pills{border-radius:var(--radius-out);flex-direction:column;justify-content:center;gap:3px;margin:2em 0;display:flex;overflow:hidden!important;transform:translateZ(0)!important}.content .pill{will-change:transform, backdrop-filter;text-align:left;border:none;border-radius:6px;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-size:.95rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;background-color:var(--background-color-tr)!important;-webkit-backdrop-filter:blur(var(--blur))!important;backdrop-filter:blur(var(--blur))!important;overflow:hidden!important;transform:translateZ(0)!important}.content .pill:hover{z-index:2;border-radius:12px;background-color:var(--primary-color)!important;color:var(--background-color-primary)!important;transform:scale(1.02)translateZ(0)!important}.content .pill:hover .material-symbols-rounded{color:var(--background-color-primary)!important}.content .pill .material-symbols-rounded{color:var(--primary-color);font-size:1.5rem}.skill-icon-container{flex-wrap:wrap;gap:4px;display:flex}.skill-icon-container .skill-icons{max-height:28px}.stats{filter:invert();margin-top:2em}.accent{color:var(--primary-color)}.hidden{display:none}.wip{width:30%;margin:auto;transform:translate(-50%,50%)}.new-article{z-index:10000;max-width:5em;max-height:5em;position:absolute;top:0;left:0;transform:translate(-20%,-30%)}#social-list{flex-wrap:wrap;justify-content:left;align-items:center;width:98vw;margin:20px 0 100px;display:flex}@media screen and (max-width:750px){#social-list{justify-content:center;margin:20px 0 20vw}}#social-list a{text-transform:uppercase;color:var(--text-color);border-radius:var(--radius-out);animation:4s infinite reverse opacity;animation-delay:calc(var(--i) * .2s);margin:.25em;padding:.5em 1em;text-decoration:none;transition:all .5s ease-in-out}#social-list a:hover{color:var(--background-color-primary);background-color:var(--primary-color)}#social-list a i{margin-right:.5em;display:none;font-size:1em!important}.container-mini{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;padding-top:400px;display:flex;position:relative;bottom:0;left:0}@media screen and (max-width:750px){.container-mini{height:fit-content;margin-top:50vw;padding-top:100px;bottom:50px}@media screen and (max-width:600px){.container-mini{margin-top:100vw;padding-top:0;bottom:0}}}section:not(#intro,#apps){overflow-x:hidden}.github-calendar,.item.github-calendar{touch-action:pan-y;border-radius:var(--radius-out);box-sizing:border-box;will-change:transform;border:1px solid #ffffff1f;justify-content:center;align-items:center;width:fit-content;max-width:min(92vw,880px);margin:20px auto 10px;padding:24px 18px 14px;transition:border-color .3s,box-shadow .3s;display:flex;overflow-y:visible;box-shadow:0 16px 40px #00000040;opacity:1!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;background-color:#14141499!important;overflow:auto hidden!important;transform:translateZ(0)!important}.github-calendar:hover{border-color:color-mix(in srgb, var(--primary-color) 40%, transparent);box-shadow:0 20px 48px color-mix(in srgb, var(--primary-color) 15%, #00000059)}.github-calendar,.github-calendar div{scrollbar-width:none!important;-ms-overflow-style:none!important}.github-calendar::-webkit-scrollbar{display:none!important}.github-calendar div::-webkit-scrollbar{display:none!important}.github-calendar svg{overflow:visible!important}.github-calendar svg rect{cursor:pointer;transition:stroke .12s,filter .12s}.github-calendar svg rect:hover{filter:brightness(1.3) drop-shadow(0 0 6px var(--primary-color));stroke:var(--primary-color)!important;stroke-width:1.5px!important}.gh-cal-cell{background:color-mix(in srgb, var(--text-color) 8%, transparent);border-radius:2.5px;width:10px;height:10px}.github-calendar svg rect[data-level="0"]{stroke-width:1px;fill:#0000!important;stroke:color-mix(in srgb, var(--primary-color) 20%, var(--background-color-secondary))!important}.github-calendar svg rect[data-level="1"]{fill:color-mix(in srgb, var(--primary-color) 25%, transparent)!important}.github-calendar svg rect[data-level="2"]{fill:color-mix(in srgb, var(--primary-color) 50%, transparent)!important}.github-calendar svg rect[data-level="3"]{fill:color-mix(in srgb, var(--primary-color) 75%, transparent)!important}.github-calendar svg rect[data-level="4"]{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--primary-color) 65%, transparent));fill:var(--primary-color)!important}#bg-image{z-index:-2;opacity:0;pointer-events:none;background-position:50%;background-size:cover;width:100vw;height:100vh;transition:opacity 7s cubic-bezier(.16,1,.3,1),transform 7s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:scale(1.08)}#bg-image.show-image{opacity:.5;transform:scale(1)}@media (prefers-color-scheme:dark){#bg-image.show-image{opacity:.5}}