.hero{position:relative;margin-top:var(--nav-h);height:var(--hero-height);width:100%;border-top:1px solid var(--color-prim);-webkit-transition:border var(--lin-cool);transition:border var(--lin-cool)}.--mode-light.--prim-bright .hero{--color-prim:var(--color-prim-dark)}.hero .container{width:100%}.body-content{padding-bottom:calc(var(--page-padding)/1);border-top:1px solid var(--color-prim);-webkit-transition:border var(--lin-norm);transition:border var(--lin-norm);color:var(--over-bg)}.--mode-light.--prim-bright .body-content{border-top:1px solid var(--color-prim-dark)}.body-content main{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:24px}.body-content aside,.body-content main{padding-top:var(--main-padding);padding-bottom:var(--main-padding)}.body-content aside{position:-webkit-sticky;position:sticky;top:calc(var(--nav-h));padding-left:16px;width:var(--aside-width);border-left:1px solid var(--color-prim);-webkit-transition:border var(--lin-norm);transition:border var(--lin-norm);overflow-y:hidden}.--mode-light.--prim-bright .body-content aside{border-left:1px var(--color-prim-dark) solid}.body-content aside hr,.body-content main hr{border:0;-webkit-box-shadow:0 0 0 .5px var(--color-prim);box-shadow:0 0 0 .5px var(--color-prim);height:0;margin:16px auto 24px;background:var(--color-prim);-webkit-transition:-webkit-box-shadow var(--lin-norm);transition:-webkit-box-shadow var(--lin-norm);transition:box-shadow var(--lin-norm);transition:box-shadow var(--lin-norm),-webkit-box-shadow var(--lin-norm)}.body-content main hr{-webkit-box-shadow:0 0 0 .5px var(--color-prim-20);box-shadow:0 0 0 .5px var(--color-prim-20);background:var(--color-prim)}.body-content main li{list-style-type:square;margin-left:24px}.body-content main ul{margin-top:16px}.body-content main h1,.body-content main h2,.body-content main h3,.body-content main h4{color:var(--over-prim);background-color:var(--color-prim);display:inline-block;padding:2px;border-radius:2px}.body-content aside h1,.body-content aside h2,.body-content aside h3,.body-content aside h4{color:var(--over-accent);background-color:var(--color-accent);display:inline-block;padding:2px;border-radius:2px;margin-top:8px;margin-bottom:24px}.body-content aside ul{padding:2px;margin-bottom:16px}@media screen and (max-width:768px){.--mode-light.--prim-bright .body-content aside{border-left:0 var(--color-prim-dark) solid}.body-content aside{position:unset;width:100%;border:none;padding-left:0;padding-top:0;height:auto}.body-content .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.body-content main{padding-top:var(--main-padding);padding-bottom:var(--main-padding);margin-right:0}.body-content aside .word-tag{font-size:.8rem}.body-content h2{font-size:1.1rem}}.--mode-light.--prim-bright .body-content aside .word-tag,.--mode-light.--prim-bright .body-content hr{--color-prim:var(--color-prim-dark)}.body-content aside .word-tag{display:inline-block;font-size:.9rem;margin-bottom:12px;padding:4px 16px;margin-right:12px;border-radius:2px;-webkit-box-shadow:0 0 0 1px var(--color-prim);box-shadow:0 0 0 1px var(--color-prim);-webkit-transition:background-color var(--lin-fast);transition:background-color var(--lin-fast);cursor:pointer}.body-content aside .word-tag:hover{background-color:var(--color-prim-20)}.word-like{font-size:.9rem}.aside-title{font-size:1rem}.about .container{padding:0 var(--container-padding);position:relative;margin:0 auto}