@keyframes image-shadow{to{box-shadow:.2em .2em 1em rgba(0,0,0,.3333333333);scale:1.05}}@keyframes in-animation{to{opacity:0;translate:0 8rem;box-shadow:none}}@keyframes menu-in{from{opacity:1;translate:0 0}to{opacity:0;translate:3rem 0}}@keyframes menu-out{from{opacity:0;translate:3rem 0}to{opacity:1;translate:0 0}}*{margin:0;padding:0;box-sizing:border-box;font-family:fira code,serif}a,button{text-decoration:none;color:currentColor;-webkit-tap-highlight-color:transparent}li{list-style:none}body{display:grid;place-items:center;font-size:clamp(.8rem,3vw,1.2rem)}@media(prefers-color-scheme:light){body{background-color:#eff1f5;color:#4c4f69}}[data-theme=dark] body{background-color:#1e1e2e;color:#cdd6f4}[data-theme=light] body{background-color:#eff1f5;color:#4c4f69}.theme-toggle-button{position:absolute;top:5vh;right:6vw;cursor:pointer;background:0 0;border:none;outline:none;transition:scale .14s}.theme-toggle-button:hover,.theme-toggle-button:focus{outline:none;scale:1.2}@media(prefers-color-scheme:light){.theme-toggle-button svg{fill:#5c5f77}}[data-theme=dark] .theme-toggle-button svg{fill:#bac2de}[data-theme=light] .theme-toggle-button svg{fill:#5c5f77}main{height:clamp(40rem,100dvh - 10rem,100rem);max-width:50rem;display:flex;flex-direction:column;justify-content:center;align-items:center}main .home-avatar{animation:in-animation .25s ease-in-out reverse}main .home-avatar img{box-shadow:.2em .2em .01em transparent;animation:image-shadow .2s ease-in .25s forwards;width:clamp(8rem,20vw,12rem);border-radius:50%}main .home-title{margin-block:1em;text-align:center;animation:in-animation .3s ease-in-out reverse}main .home-subtitle{text-align:center;animation:in-animation .35s ease-in-out reverse}[data-theme=dark] main .home-subtitle{color:#bac2de}[data-theme=light] main .home-subtitle{color:#5c5f77}@media(prefers-color-scheme:light){main .home-subtitle{color:#5c5f77}}main .home-socials{margin-top:1.3em;animation:in-animation .4s ease-in-out reverse;display:grid;grid-auto-flow:column;gap:1.2em}main .home-socials a{transition:scale .14s}main .home-socials a:hover,main .home-socials a:focus{scale:1.2}@media(prefers-color-scheme:light){main .home-socials{color:#5c5f77}}[data-theme=dark] main .home-socials a{color:#bac2de}[data-theme=light] main .home-socials a{color:#5c5f77}nav{position:absolute;text-align:right;bottom:5vh;right:6vw;font-size:clamp(1rem,3.1vw,1.3rem)}nav .menu-toggle{background:0 0;outline:none;border:none;font-size:inherit;cursor:pointer}nav .menu-link-list{display:none}nav .menu-link-list[opened]{animation:menu-out .15s forwards;display:block}nav .menu-link-list[opened]+.menu-toggle::before{content:"c";color:#89b4fa}nav .menu-link-list[closing]{display:block;animation:menu-in .15s forwards}nav .menu-link{position:relative}nav .menu-link::before{content:"cd";opacity:0;position:absolute;left:0;transition:all .15s}nav .menu-link::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#89b4fa;transition:all .15s}nav .menu-link:hover::after{width:100%}nav .menu-link:hover::before{opacity:1;left:-1.7em}