:root{--beetbox-red:#9e0008;--beetbox-pink:#d93370;--beetbox-purple:#ac65cb;--beetbox-green:#003f56;--beetbox-blue:#5fcfd0;--light:#F8F8FF;--background:#1f2835;--text:var(--light);--links:var(--beetbox-blue);--link-hover:var(--beetbox-pink);--header:#F8F8FFCC;--header-link:#5C2673}body{background-color:var(--background);color:var(--text);font-family:sans-serif;line-height:1.5;padding:0;margin:0}a{color:var(--links);text-decoration:none}a:visited,a:hover{color:var(--link-hover);text-decoration:underline}p{margin-bottom:1.5rem}header div,main,footer{max-width:1200px;margin:0 auto;padding:1rem}header{background-color:var(--header);box-shadow:0 5px 10px black}header div{display:flex;align-items:baseline;justify-content:space-between}header ul,footer ul{margin:0}header a{color:var(--header-link)}header li,footer li{display:inline;font-weight:600;margin-right:8px}@media(max-width:700px){aside.index-articles{display:none}}main img{max-width:100%}.article-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.index-articles{justify-content:flex-end}.author-articles{justify-content:flex-start}.index-articles aside{flex-shrink:4}section.index{display:flex;flex-direction:row}section.index aside{flex-shrink:4}article{background-color:#111;border-radius:10px;padding:1rem}article.index{width:300px;height:485px}article.index img{height:50%;width:100%;border-radius:10px;object-fit:cover}article.index h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}article.alt{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-evenly;align-items:center}article.alt img{border-radius:50%;height:256px;width:256px}img.featured,img.author{display:block;border-radius:8px;margin:12px 0;object-fit:cover;max-height:500px}code{white-space:nowrap}pre{border-radius:.4rem;max-width:100%}pre code{display:block;tab-size:4;padding:.5rem 1rem;font-size:1.05rem;white-space:pre;max-width:100%;overflow-x:auto;border-left:.3rem solid var(--beetbox-purple);border-radius:.4rem;box-shadow:0 4px 8px black}blockquote{padding:.5rem 1rem;font-style:italic;border-left:.3rem solid var(--beetbox-pink);border-radius:.4rem;box-shadow:0 4px 8px black}blockquote p{margin-bottom:1rem}.float-on-hover{transition:all .25s cubic-bezier(.2,.1,.47,1)}.float-on-hover:hover{transform:translateY(-10px)}.shadow{box-shadow:0 4px 8px black}footer{border-top:1px solid var(--light)}footer ul{padding:0}