: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}.bordered{border:4px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s;&:hover{border-color:var(--color-border-hover)}}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;align-items:center;gap:2rem}& aside#search{position:relative;& #search-input{display:flex;align-items:center;padding:.5rem;border-radius:var(--radius-md);border:4px solid var(--color-border);transition:border-color .2s;&:hover, &:focus-within{border-color:var(--color-border-hover)}& svg{width:1.5rem;height:1.5rem;margin-right:.5rem;color:var(--color-svg)}& input{color:var(--color-text);width:100%;background:0 0;border:none;&::-moz-placeholder{color:var(--color-placeholder)}&::placeholder{color:var(--color-placeholder)}&:focus{outline:none}&::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}}}& #search-results{display:none;position:absolute;top:calc(100% + .5rem);right:0;z-index:100;min-width:20rem;padding:.75rem;background:var(--color-bg-start);border:4px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s;&:hover{border-color:var(--color-border-hover)}& p{font-size:1rem;margin-bottom:.5rem}}&:focus-within #search-results:not(:empty), & #search-results:not(:empty):hover{display:block;animation:search-results-open .2s ease-out forwards}}& svg{width:2rem;height:2rem}}.small-text-banner{font-size:.875rem;text-align:center}nav#TableOfContents{margin:auto;margin-bottom:2rem;& ul{list-style:upper-roman;margin-left:1rem}& li{margin-bottom:.5rem;& ul{margin-left:1rem;margin-top:.5rem}}}@view-transition{navigation: auto;
}@keyframes search-results-open{from{opacity:0;transform:translateY(-.5rem)scaleY(.95)}to{opacity:1;transform:translateY(0)scaleY(1)}}@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}