:root{--color-text:#1e293b;--color-accent:#14532d;--color-accent-blockquote:#166534;--color-hr:#94a3b8;--color-bg-start:#a7f3d0;--color-bg-end:#ecfdf5;--color-border:rgba(3, 55, 41, 0.5);--color-border-hover:rgba(3, 55, 41, 0.9);--color-snow:hsla(0, 0%, 14%, 1);--color-svg:black;--color-placeholder:black;@media(prefers-color-scheme:dark){--color-text: #e2e8f0; --color-accent: #fde047; --color-accent-blockquote: #fde047; --color-hr: #334155; --color-bg-start: #064e3b; --color-bg-end: #047857; --color-snow: rgb(196,237,253); --color-svg: white; --color-placeholder: white;}--font-heading:"Rakkas", serif;--font-body:"Molengo", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:15px;--transition-color:0.4s color}html,body{min-height:100%}body{padding-top:2.5rem;padding-left:.5rem;padding-right:.5rem;background:linear-gradient(to bottom,var(--color-bg-start),var(--color-bg-end));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}main,footer{width:100%;margin-left:auto;margin-right:auto}svg{color:var(--color-svg);&:hover { transition:var(--transition-color); color:var(--color-accent); }}hr{border-top:2px solid var(--color-hr);margin-top:2rem;margin-bottom:2rem}a{text-decoration:underline;text-underline-offset:6px;&:hover { transition:var(--transition-color); color:var(--color-accent); }}header{margin-bottom:3rem}.youtube-player{margin-bottom:2rem;width:100%;height:15rem}iframe{width:100%;height:15rem;border:none;border-radius:var(--radius-lg)}nav#site-nav{width:100%;max-width:72rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:auto;& .site-nav-section { margin-bottom: 2.5rem; display: flex; & span { margin-right: 2.5rem; } } & svg { width: 2rem; height: 2rem; }}.small-text-banner{font-size:.875rem;text-align:center}nav#TableOfContents{margin-bottom:2rem;& ul { list-style: number; margin-left: 1rem; } & li { margin-bottom: 0.5rem; & ul { margin-left: 1rem; margin-top: 0.5rem; } }}@view-transition{navigation: auto;
}@keyframes move-out{from{opacity:1}to{opacity:0}}@keyframes move-in{from{opacity:0}to{opacity:1}}body{view-transition-name:none}main{view-transition-name:main-content;@media(min-width:768px){padding: 2rem;}}::view-transition-old(main-content){animation:.4s ease-in both move-out}::view-transition-new(main-content){animation:.4s ease-in .4s both move-in}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}