:root{--color-black:#000;--color-light-gray:#f5f5f5;--color-dark-gray:#333;--color-yellow:#ffcc00;--font-main:"Segoe UI",sans-serif;--toggle-width:360px;--toggle-height:60px;--toggle-skew:15deg;--space-base:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--color-light-gray);color:var(--color-dark-gray);overflow-x:hidden}.toggle{display:flex;width:var(--toggle-width);height:var(--toggle-height);margin:calc(var(--space-base) * 2) auto;transform:skewX(calc(-1 * var(--toggle-skew)));overflow:hidden}.option{flex:1 1;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transform:skewX(var(--toggle-skew));transition:background .3s,color .3s;background:var(--color-black);color:var(--color-yellow)}.option span{display:inline-block;transform:skewX(calc(-1 * var(--toggle-skew)))}.option.active{background:var(--color-yellow);color:var(--color-black)}.content{margin:calc(var(--space-base) * 1.5) 17%}.section{transition:opacity .4s,transform .4s}.section.hidden{display:none;opacity:0;transform:translateY(20px)}.post-card{display:block;width:100%;background-color:var(--color-black);border:2px solid var(--color-yellow);border-radius:8px;padding:calc(var(--space-base) * 1.5);margin-bottom:calc(var(--space-base) * 1.5);transition:transform .3s ease,box-shadow .3s ease}.post-card:hover{transform:translateX(8px);box-shadow:6px 6px 0 var(--color-dark-gray)}.post-card-title{font-size:1.5rem;font-weight:700;margin-bottom:calc(var(--space-base) / 2);color:var(--color-yellow)}.post-card-desc{font-size:1rem;color:var(--color-light-gray);line-height:1.5}.about-title{font-size:2rem;font-weight:700;margin-bottom:16px;color:var(--color-yellow)}.section ul{margin-left:20px;margin-bottom:16px}.section p{margin-bottom:12px}.mdx-article{margin-top:calc(var(--space-base) * 2)}.post-date{font-size:.9rem;color:var(--color-dark-gray);margin-bottom:calc(var(--space-base) * 1.5)}.mdx-content{line-height:1.7}.mdx-content h2{margin-top:calc(var(--space-base) * 2);margin-bottom:calc(var(--space-base) * 1);color:var(--color-black)}.mdx-content h3{margin-top:calc(var(--space-base) * 1.5);margin-bottom:calc(var(--space-base) * .75);color:var(--color-dark-gray)}.mdx-content ol,.mdx-content p,.mdx-content ul{margin-bottom:calc(var(--space-base) * 1)}.mdx-content ol,.mdx-content ul{margin-left:calc(var(--space-base) * 2)}.mdx-content a{color:var(--color-yellow);text-decoration:underline}.mdx-content code{background:var(--color-light-gray);padding:2px 4px;border-radius:4px}.mdx-content pre{background:var(--color-dark-gray);color:var(--color-light-gray);padding:calc(var(--space-base) * 1);border-radius:6px;overflow-x:auto;margin-bottom:calc(var(--space-base) * 1.5)}