nav{background-color:var(--background-color-tr);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));color:var(--background-color-primary);border-radius:var(--radius-out);z-index:100;width:fit-content;height:fit-content;padding:40px auto;transition:all .5s ease-in-out;position:fixed;top:50vh;left:1em;transform:translateY(-50%)}nav ul{justify-content:space-between;align-items:center;margin:.1em;padding:0;list-style:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275) .1s}nav ul li{margin:.25em;transition:all .5s cubic-bezier(.175,.885,.32,1.275) .1s}nav ul li a{width:3em;height:3em;color:var(--text-color);border-radius:var(--radius-in);text-align:center;opacity:.4;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-size:.75rem;text-decoration:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275) .1s;display:flex}nav ul li a .caption{height:0;transition:all .5s ease-in-out;scale:0}@media screen and (min-width:500px){nav ul li a:hover{opacity:1}nav ul li a:hover .caption{height:100%;scale:1}}nav ul li a i{padding:.5rem;transition:all .5s cubic-bezier(.175,.885,.32,1.275) .1s;scale:1.75}@media screen and (max-width:750px){nav ul{display:flex}}nav .active{background-color:var(--primary-color);color:var(--background-color-secondary);opacity:1}nav .active .caption{height:100%;scale:1}nav.mini{border-radius:10em}nav.mini a{border-radius:10em;width:1em!important;height:1em!important}nav.mini a .caption{display:none}nav.mini a i{scale:1!important}@media screen and (max-width:750px){nav{flex-direction:column;display:flex;top:auto;left:50%;transform:translate(-50%);bottom:1em!important}}@media screen and (max-width:500px){nav a{width:2em!important;height:2em!important}nav a span{display:none}nav a i{scale:1.5!important}}
#logo{background-color:var(--primary-color);border-radius:var(--radius-out);background-position:50%;background-repeat:no-repeat;background-size:cover;width:250px;height:250px;margin:10px;padding:0;transition:all .5s cubic-bezier(.175,.885,.32,1.1);position:fixed;top:0;right:0}@media screen and (max-height:850px){#logo{width:150px;height:150px}}@media screen and (max-width:500px){#logo{border-radius:0 0 var(--radius-out)var(--radius-out);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.macos-logo{background-image:url(/assets/img/articles/macos/article-icon-macos.png)}#logo.home-logo{background-image:url(/assets/img/notion.png)}#logo.pixel-logo{background-image:url(/assets/img/articles/pixel/article-icon-pixel.png)}#logo.zen-logo{background-image:url(/assets/img/articles/zen/article-icon-zen.png)}@media (prefers-color-scheme:dark){#logo.macos-logo{background-image:url(/assets/img/articles/macos/article-icon-macos-dark.png)}#logo.pixel-logo{background-image:url(/assets/img/articles/pixel/article-icon-pixel-dark.png)}#logo.zen-logo{background-image:url(/assets/img/articles/zen/article-icon-zen-dark.png)}}#logo.scrolled{z-index:100;border-radius:50%;width:50px;height:50px;margin:20px;position:fixed;top:0;right:0;box-shadow:0 4px 15px #0003}
.love-tab{z-index:1000;background:var(--background-color-tr);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border-radius:var(--radius-out)0 0 var(--radius-out);max-width:50px;transition:all .3s ease-in-out;position:fixed;top:50%;right:0;overflow:hidden;transform:translateY(-50%);box-shadow:-2px 0 10px #0000001a}.love-tab:hover{max-width:200px;box-shadow:-4px 0 20px #0003}.love-tab a{color:var(--text-color);white-space:nowrap;justify-content:flex-start;align-items:center;min-width:50px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.love-icon{justify-content:center;align-items:center;min-width:24px;margin-right:8px;font-size:1.5rem;animation:2s ease-in-out infinite heartbeat;display:flex}.love-text{opacity:0;font-size:.9rem;transition:all .3s;transform:translate(-10px)}.love-tab:hover .love-text{opacity:1;transform:translate(0)}.love-tab:hover .love-icon{animation:.8s ease-in-out infinite heartbeat-faster}@keyframes heartbeat{0%,50%,to{transform:scale(1)}25%{transform:scale(1.1)}}@keyframes heartbeat-faster{0%,50%,to{transform:scale(1)}25%{transform:scale(1.2)}}@media screen and (max-width:768px){.love-tab{border-radius:0 var(--radius-out)var(--radius-out)0;left:0}.love-tab:hover{width:40px;max-width:40px;box-shadow:2px 0 15px #00000026}.love-tab a{justify-content:center;min-width:40px;padding:8px}.love-text{display:none}}
: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,#5558);--font-size:16px;--font-family:"Google Sans Flex",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-weight:400;--blur:.5em;--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;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}}h1{font-family:var(--font-family);z-index:1;text-align:right;text-transform:uppercase;width:calc(100vw - 4.5rem);height:fit-content;margin:0;padding-top:0;padding-left:4.5rem;font-size:clamp(3rem,11vw,15rem);line-height:.85;transition:all .5s ease-in-out;display:block}@media screen and (max-width:500px){h1{text-align:center;width:100vw;padding-left:0;font-size:9.09091vw}}h1 strong{color:var(--primary-color)}.name-primary{color:var(--primary-color);font-variation-settings:"wdth" 150,"ROND" 100;font-weight:400}.name-secondary{font-variation-settings:"wdth" 100,"ROND" 100;font-weight:200}#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:500px){#subtitle{color:var(--primary-color)}#subtitle{text-align:center}}h2{border-radius:var(--radius-out);color:var(--primary-color);background-color:var(--background-color-secondary);padding:.75em;font-size:1.25rem;transition:all .5s ease-in-out}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{margin:0 25%}@media screen and (max-width:1000px){.content{margin:15%}@media screen and (max-width:500px){.content{margin:0 10%}}}.content p{text-wrap:wrap;text-align:justify;padding:0}.content .details{text-align:left;margin:2em;line-height:2}.skills{margin:4em auto}.skills img{width:40vw}@media screen and (max-width:500px){.skills img{width:80vw}}.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{flex-direction:column;justify-content:end;align-items:end;width:100vw;height:100vh;display:flex;position:relative;bottom:0;left:0}@media screen and (max-width:750px){.container-mini{height:fit-content;margin-top:50vw;bottom:50px}@media screen and (max-width:500px){.container-mini{margin-top:100vw;bottom:0}}}section:not(#intro,#apps){overflow-x:hidden}
body{cursor:none}.rounded{background-color:var(--background-color-tr);z-index:10000;pointer-events:none;width:50px;height:50px;transition:outline .5s ease-in-out;position:fixed;top:-25px;left:-25px;border-radius:50%!important}@media screen and (max-width:500px){.rounded{display:none!important}}a:hover{cursor:none}.blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:-webkit-backdrop-filter .5s ease-in-out,backdrop-filter .5s ease-in-out}.cursor-normal{outline:2px dashed var(--primary-color);transition:border .5s ease-in-out}.cursor-grow{outline:3px solid var(--primary-color);transition:border .5s ease-in-out}.blur-mini{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:-webkit-backdrop-filter .5s ease-in-out,backdrop-filter .5s ease-in-out}#cursor-text{text-align:left;text-wrap:nowrap;background-color:var(--primary-color);color:var(--background-color-primary);z-index:10000;pointer-events:none;box-shadow:0 0 20px 0 var(--background-color-primary);border-radius:1em;padding:1em;transition:all .5s ease-in-out;position:fixed;scale:0}#cursor-text.image-view{object-fit:cover;background-position:50%;background-repeat:no-repeat;background-size:cover;width:750px;height:400px}