.link{text-decoration:underline;padding-right:8px;font-weight:700}.tags{display:flex;flex-wrap:wrap;width:100%}.tag{padding:2px;margin-right:8px;margin-bottom:4px;border:1px solid var(--font-color);border-radius:8px}.article{display:flex;height:25vmin}.image{height:100%;box-shadow:4px 4px 8px #000c;margin-right:16px}@media screen and (max-width: 600px){.article{flex-direction:column;align-items:center}.image{height:25vw;width:auto}}.sidebar{text-align:right}.sidebar__heading{text-decoration:underline}.sidebar__items{flex-direction:column;white-space:nowrap;padding:0}.sidebar__item,.sidebar__item--selected{font-size:1.2em}.sidebar__item--selected{color:var(--highlight-color);font-weight:700}@media screen and (max-width: 600px){.sidebar__items{height:4rem;overflow:scroll;overflow-x:hidden;scrollbar-width:thin}}.toolbar__item{width:32px;height:32px;padding-left:4px}.topbar{display:flex;justify-content:space-between}.topbar__link,.topbar__logo{font-size:32px;padding-left:4px;padding-right:4px}.topbar__items{display:flex;align-items:center}.topbar__links{border-right:2px solid var(--font-color);padding:4px}html,body{width:100%;height:100%;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:var(--font-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow:hidden}body.light{--background-color: var(--white);--font-color: var(--black);--highlight-color: var(--hightlight--black)}body.dark{--background-color: var(--black);--font-color: var(--white);--highlight-color: var(--hightlight--white)}.app{display:flex;flex-direction:column;justify-content:space-between;position:absolute;border:2px solid var(--font-color);border-radius:16px;box-sizing:border-box;top:2vmin;bottom:2vmin;left:2vmin;right:2vmin;padding:1vmin}h1{font-size:clamp(2em,5vw,3em);color:var(--highlight-color);padding-bottom:16px;white-space:wrap}a,button{text-decoration:none;color:var(--font-color);background:none;border:none}ul{display:flex;list-style:none;padding-left:0}main{flex:1;display:flex;padding:8vmin}footer{display:flex;justify-content:right}.article__wrapper{flex:2 1;display:flex;justify-content:center;align-items:center}.sidebar__wrapper{flex:1 1;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 600px){main{flex-direction:column}.article__wrapper{align-items:flex-start}.sidebar__wrapper{align-items:flex-end;justify-content:right}}@media (hover){a:hover,button:hover{cursor:pointer;color:var(--highlight-color)}}:root{--white: #aaaaaa;--black: #0f0f0f;--hightlight--black: #000000;--hightlight--white: #ffffff}*{margin:0}
