.back-link-container{display:flex;text-decoration:none;color:inherit;align-items:center;gap:8px;&:hover{color:#f42626}&:hover svg{fill:red}}.side-bar-container{padding:var(--main-border-padding);height:100%}.menu{display:flex;flex-direction:column;gap:7px;min-height:calc(100% - 64px);li.expander{flex-grow:1}}.logo-back-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}@media screen and (max-width:1000px){.menu{flex-direction:row;min-height:-moz-fit-content;min-height:fit-content}}:root{--max-width:1100px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--page-background-hex:#fffcf8;--main-border-padding:20px;--main-border:1px solid #000;--hover-accent:#f42626;--calculated-height:calc(100vh - calc(2 * var(--main-border-padding)));font-size:14px}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;background-color:var(--page-background-hex)}.main-wrapper{display:grid;grid-template-columns:1fr 3fr;padding-inline:var(--main-border-padding)}.bar{height:var(--main-border-padding);position:-webkit-sticky;position:sticky;background:var(--page-background-hex);margin-inline:var(--main-border-padding);z-index:5}.top-bar{border-bottom:var(--main-border);top:0}.bottom-bar{border-top:var(--main-border);bottom:0}.sidebar{border-inline:var(--main-border);position:-webkit-sticky;position:sticky;top:var(--main-border-padding);height:calc(100vh - calc(2 * var(--main-border-padding)));background:var(--page-background-hex);min-width:25vw}.content{border-right:var(--main-border);flex-grow:1;min-height:var(--calculated-height)}.horizontal-line{border-bottom:var(--main-border)}.visually-hidden{-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media screen and (max-width:1000px){.main-wrapper{grid-template-columns:1fr}.sidebar{height:100%;border-bottom:var(--main-border);z-index:5}.content{border-left:var(--main-border);min-height:calc(var(--calculated-height) - 124px)}}.logo{& path{pointer-events:all}}.path-hovered{animation:wobble .3s ease-in-out 3;fill:var(--hover-accent)}@keyframes wobble{0%{transform:rotate(15deg)}33%{transform:rotate(0deg)}66%{transform:rotate(-15deg)}to{transform:rotate(0)}}