*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{background-color:#fff;font-family:fenix,serif;font-size:clamp(17px,15px + .6vw,24px);line-height:1.5;margin:3em auto 2em;max-width:800px;padding:0 1.25rem}h1,h2,h3,h4,h5,h6{font-family:cherry swash,cursive}h1{margin-bottom:1em;font-size:clamp(26px,20px + 1.5vw,40px);line-height:1.25}h1.title,body>header .title{font-family:cherry swash,cursive;font-size:clamp(32px,24px + 2.5vw,60px);font-weight:700;line-height:1.15;margin-bottom:1em}h2,h3,h4,h5,h6{font-size:clamp(20px,17px + 1vw,30px);line-height:1.3}p{margin:1em 0}a{color:#00a}a:hover{color:#000}a:visited{color:#a0a}nav.posts ul{list-style-type:none;margin-bottom:2em}nav.posts ul li{line-height:1.75em}nav.posts span{color:#aaa;font-family:Monaco,courier new,monospace;font-size:80%}header{font-size:80%;color:#666;margin-bottom:2em}body>header{display:flex;flex-wrap:wrap;gap:1.5rem 2rem}header a,.contact-section a{font-weight:700;text-decoration:none}header h1.title,header .title{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5em;width:100%}header h1.title a,header .title a{color:#a00}header h1.title a:hover,header .title a:hover{color:#000}header .subtitle{margin-bottom:2em;color:#aaa;font-size:clamp(15px,13px + .7vw,24px)}header a.extra{color:#aaa;margin-left:1em}header a.extra:hover{color:#000}header time{color:#aaa}header img,.contact-section img{height:16px;width:16px}header a,.contact-section a{color:#8085c1}header ul,.contact-section ul{list-style-type:none}.contact-section{display:flex;flex-wrap:wrap;gap:1.5rem 2rem;margin-bottom:2em}main+.contact-section{margin-top:2em}.contact-section .contact{flex:1 1 300px}.social-links ul{column-count:2;column-width:150px;column-gap:2rem}.social-links li{break-inside:avoid}footer{font-size:80%;color:#666;border-top:1px solid #eee;margin-top:2em;overflow:hidden}nav.post{margin-top:2em;display:flex;flex-wrap:wrap;gap:.5em 2rem}nav.post .next{margin-left:auto;text-align:right}nav.post .prev,nav.post .next{min-width:0;overflow-wrap:anywhere}article img{max-width:100%;height:auto;display:block}article pre{border:1px solid #ddd;background-color:#eef;padding:0 .4em;overflow-x:auto}article ul,article ol{margin-left:1.35em}article code{border:1px solid #ddd;background-color:#eef;padding:0 .2em}article pre code{border:none}article pre.terminal{border:1px solid #000;background-color:#333;color:#fff}article pre.terminal code{background-color:#333}.youtube-container{width:clamp(280px,90%,560px);aspect-ratio:16/9;margin:1rem auto}.youtube-container iframe{width:100%;height:100%;border:0}article a,nav.posts a,footer a{overflow-wrap:anywhere}