:root{--bg-color:#181818;--text-color:#eeeeee;--text-dim-color:#bdbdbd;--link-color:#6fa7e3;--link-image-color:#6fa7e3;--border-color:solid #373636;--image-border-radius:5px}html{height:98.3%}body{display:flex;flex-direction:column;height:98.3%;max-width:968px;margin:0 auto;padding:1rem;font-family:arial,sans-serif;background-color:var(--bg-color);color:var(--text-color)}main{flex:1}header{border-bottom:1px var(--border-color);margin-bottom:1rem;padding-bottom:1rem}h1>a{color:var(--text-color);text-decoration:none}a{color:var(--link-color);transition:color .3s ease;text-decoration:underline}a:hover{color:var(--link-color)}img{border-radius:var(--image-border-radius)}.image-link{position:relative;display:inline-block}.image-link img{display:block}.image-link::after{content:"";position:absolute;inset:0;background:var(--link-image-color);mix-blend-mode:multiply;opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:var(--image-border-radius)}.image-link:hover::after{opacity:1}.mdt-logo svg{height:4rem;fill:#fff;transition:fill .3s ease}.mdt-logo:hover svg{fill:var(--link-image-color)}.menu{display:flex;justify-content:space-between;align-items:center}.menu h1{margin:0}.menu ul{display:flex;justify-content:right;gap:1rem;padding:0;margin-bottom:-.05rem}.menu a{color:var(--text-color);text-decoration:none;display:inline-flex;gap:.2em;font-weight:700}.menu a:hover{color:var(--link-color)}.menu a.active{color:var(--link-color)}.menu li::marker{content:""}.menu-icon-inline svg{width:auto;height:1em;fill:currentColor}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px var(--border-color);margin-top:1rem;padding-top:1rem;padding-bottom:1rem}footer small{color:var(--text-dim-color)}.social-icons{display:flex;justify-content:right;align-items:center;gap:.5rem}.social-icons a{color:var(--text-dim-color)}.social-icons a:hover{color:var(--link-color)}.social-icon svg{width:auto;height:1.6rem;fill:currentColor}.post-section{display:flex;gap:1rem;margin-bottom:2rem}.post-section h1{margin-top:0;margin-bottom:.5rem}.post-section img{height:8rem}.post-header{text-align:center}.post-header h1{margin-bottom:0}.post-header img{max-height:18rem;margin-top:1rem}.youtube-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:5px;justify-items:center}.youtube-container>div{width:100%}@keyframes dots{0%{content:attr(data-text)""}25%{content:attr(data-text)"."}50%{content:attr(data-text)".."}75%{content:attr(data-text)"..."}100%{content:attr(data-text)"..."}}.working-on-it-animated{text-align:left}.working-on-it-animated::after{content:attr(data-text)"...";animation:dots 2.5s infinite steps(3)}