:root{--spacing: 1rem;--base-line-height: 1.5;--h4-line-height: 2;--font-sans: "Open Sans", sans-serif;--white: rgb(255, 255, 255);--black: rgb(17, 17, 17);--black-03: rgba(17, 17, 17, .3);--black-06: rgba(17, 17, 17, .6);--blue: #008fff;--bg-white: var(--white);--fg-black: var(--black);--fg-black-06: var(--black-06);--fs-12: clamp(.6rem, 2vw, .8rem);--fs-14: clamp(.7rem, 2vw, .9rem);--fs-16: clamp(.8rem, 2vw, 1rem);--fs-18: clamp(.9rem, 2vw, 1.1rem);--fs-20: clamp(1rem, 2vw, 1.2rem);--fs-22: clamp(1.1rem, 2vw, 1.3rem);--fs-24: clamp(1.3rem, 2vw, 1.5rem)}.dark{--bg-white: var(--black);--fg-black: var(--white);--fg-black-06: var(--white)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%;line-height:var(--base-line-height)}body{min-height:100vh;font-family:var(--font-sans);line-height:var(--base-line-height);background-color:var(--bg-white);color:var(--fg-black);transition:background-color .3s ease,color .3s ease}ul,ol{list-style:none}a{text-decoration:none;color:inherit}a:hover,a:focus{text-decoration:underline}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none;padding:0;margin:0}button{cursor:pointer}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}p,li{font-size:var(--fs-18);line-height:var(--base-line-height)}h4{font-size:clamp(1.3rem,2vw,1.8rem);line-height:var(--h4-line-height);font-weight:500}#main-c{position:relative;max-width:100%;margin:0 auto;padding:1rem}#avatar-c{perspective:400px;width:10rem;height:10rem;margin:4rem auto 2rem}@media (min-width: 700px){#main-c{max-width:60vw}#avatar-c{width:15rem;height:15rem;margin:6rem auto 2rem}}@media (min-width: 1000px){#main-c{max-width:60vw}#avatar-c{width:15rem;height:15rem}}@media (max-width: 800px){:root{--fs-12: .8rem;--fs-14: 1rem;--fs-16: 1rem;--fs-18: 1rem;--fs-20: 1.2rem;--fs-22: 1.3rem;--fs-24: 1.4rem}}#social-links{display:flex;flex-wrap:wrap;justify-content:center;padding:0;margin:1rem 0;gap:1rem}#avatar-flipper{position:relative;transform:rotateY(0);transform-style:preserve-3d;transition:transform 1s}#avatar-flipper.flipped{transform:rotateY(180deg)}.face{position:absolute;backface-visibility:hidden;object-fit:cover;border-radius:50%;outline:.1rem solid var(--fg-black);outline-offset:.3rem}.back{transform:rotateY(180deg)}#theme-toggle{position:absolute;top:1rem;right:1rem;border:.08rem solid var(--fg-black);border-radius:50%;width:2rem;height:2rem}#theme-toggle:hover{background-color:var(--fg-black);transition:.5s ease}#social-links a .icon{width:1.3em;height:1.3em;vertical-align:middle;margin-right:.35em;fill:currentColor}#social-links a{display:inline-flex;align-items:center}svg.icon#github-icon path{fill:var(--fg-black)!important}#pages-links{display:flex;flex-direction:column;margin-bottom:1rem;gap:1rem;align-items:center;text-align:center}#pages-links a{text-decoration:underline;color:var(--blue);display:inline-block;white-space:nowrap}#things{color:var(--fg-black-06)}.circle-text-wrapper{position:relative}.avatar-text-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.avatar-text{font-size:1.2rem;fill:var(--fg-black)}@keyframes avatar-bounce{0%,20%,50%,80%,to{transform:translate(0) scale(1)}40%{transform:translate(5px,-5px) scale(1.3)}60%{transform:translate(1px,-1px) scale(1.1)}}.avatar-text{transform-box:fill-box;transform-origin:center;display:inline-block;animation:avatar-bounce 2.5s infinite}