.posts{max-width:1024px}.posts-list{margin-top:32px;display:flex;flex-direction:column;row-gap:16px;width:100%;max-width:640px}.post-link{display:flex;column-gap:16px;justify-content:space-between;text-decoration:none;color:inherit}.logo-shared{background:#000;position:relative;max-width:100%;height:100px;pointer-events:none;user-select:none;z-index:1;border-radius:0 0 20px 0;box-shadow:0 0 5px #000}.logo-container{display:flex;position:relative;left:0}.right-header-panel{display:flex;flex:1;align-items:stretch}.top-left-menu{display:flex;flex:1;justify-content:center}.top-left-menu>*{display:flex;align-items:center}.top-right-menu{display:flex;flex-direction:row;align-items:stretch;column-gap:10px;margin-right:40px}.top-right-menu>*{display:flex;align-items:center}.show-on-narrow-screen{display:none}#main-menu,main{display:flex;padding:16px}main{flex:1;justify-content:center}@media (max-width:768px){.right-header-panel{justify-content:right}.show-on-wide-screen,.top-right-menu{display:none}.show-on-narrow-screen{display:block}main{padding:8px}}#main-menu{flex-direction:column;position:absolute;width:100%;min-height:100vh;background-color:#fff;z-index:1;box-shadow:0 0 5px 0#000;row-gap:16px}#hamburger-menu{display:flex;width:90px;height:90px;justify-content:center}@keyframes pulse{0%,to{box-shadow:0 0 5px 0#1cbd82;background-color:rgba(55,230,165,.05)}50%{box-shadow:0 0 10px 0#1cbd82;background-color:rgba(55,230,165,.2)}}*{box-sizing:border-box}.hidden{display:none!important}body{display:flex;flex-direction:column;min-height:100vh;margin:0;font-family:sans-serif;font-size:16px;color:#333}.dark{color:#fff;background:#000}menu{padding:0}a{text-decoration:none;color:inherit;font-weight:700}a:hover{text-decoration:underline;text-shadow:0 0 10px rgba(0,0,0,.2)}header{display:flex;align-items:stretch;justify-content:space-between;max-width:1920px}details,hr{width:100%}summary{padding:10px 0;cursor:pointer;user-select:none}summary:hover{background:rgba(199,245,246,.1)}h1{font-size:28px}.button,h1,h2{text-align:center}footer,h2{justify-content:center;align-items:center}code,h2{display:inline-flex}h2{column-gap:10px;margin:0 0 20px}h3{margin:0 0 16px}.content h1,.content h2,.content h3{margin:16px 0}p{margin:0 0 24px}code{border:1px solid #ccc;padding:8px 12px;margin-bottom:24px}input[type=checkbox]{height:24px;width:24px;flex:0 0 24px}footer{display:flex;column-gap:20px;background:#333;padding:10px}footer,footer a{color:#fff}h1,menu,ul{margin:0}.button{display:block;padding:10px 16px;font-size:18px;font-weight:700;border:0;background:#fff;border-radius:8px;box-shadow:0 0 5px 0 rgba(0,0,0,.2);cursor:pointer}.button:hover{box-shadow:0 0 5px 0 rgba(0,0,0,.3)}.primary,.primary.button{background-color:rgba(55,230,165,.05);box-shadow:0 0 5px 0#1cbd82}.primary.button:hover,.primary:hover{background-color:#d2ffef}.primary.button:active,.primary:active{background-color:rgba(55,230,165,.2)}.important{animation:pulse 1s 3 ease-in-out}.invisible.button{background:0 0;box-shadow:none}.invisible.button:hover{text-shadow:0 0 10px rgba(0,0,0,.2)}.flipper,.horizontal,.vertical{display:flex}.vertical{flex-direction:column}.center{align-items:center}.left{align-items:start}.right{align-items:end}.good,.good:hover{box-shadow:0 0 5px 0#1cbd82}.message{margin:10px 0;padding:10px;border-radius:10px}.error:hover{box-shadow:0 0 5px 0 rgba(255,0,0,.9)}.progress{position:absolute;left:0;top:0;height:100%}.progress.error{background-color:rgba(255,0,0,.1)}.progress.good{background-color:rgba(0,255,89,.1)}.padded{padding:16px}.margined{margin:16px}.spaced{margin:16px 0}.wide{width:100%}.gapped{display:flex;column-gap:20px;row-gap:20px}.card{display:flex;flex-direction:column;box-shadow:0 0 5px #555;border-radius:16px;padding:28px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));width:100%;gap:1rem}.tabs{display:flex;row-gap:16px;column-gap:24px;min-height:36px}.tabs>*{display:flex;align-items:center;border-left:1px solid rgb(28,189,130,.5);border-right:1px solid rgb(28,189,130,.5);border-top:1px solid rgb(28,189,130,.5);box-shadow:0-1px 1px 0#1cbd82;border-radius:16px 16px 0 0;padding:0 16px}.tabs>.selected{box-shadow:0-2px 2px 0#1f976b;background:rgba(28,189,130,.05)}.tabs>:hover{box-shadow:0-2px 2px 0#1cbd82;background:rgba(28,189,130,.1)}.notification{padding:5px 10px;border-style:solid;border-width:2px;border-radius:10px}.error,.warning{box-shadow:0 0 5px 0 rgba(255,0,0,.7);color:#cc4010;background-color:#ffebe4;border-color:#eee0e0}.warning{box-shadow:0 0 5px 0 rgba(255,208,0,.7);color:#000000ff;background-color:#fff9e4ff}.success{box-shadow:0 0 5px 0 rgba(0,255,153,.7);color:#042706ff;background-color:#e4ffef;border-color:#e0eee6}.large-text{font-size:20px}@media only screen and (max-width:640px){header{margin:0}.cards,footer{flex-direction:column}footer{row-gap:10px}footer p{margin:2px}.cards{display:flex}.card{box-shadow:none;border-top:1px solid #ccc;border-radius:0;padding:18px 8px}.card,.flipper,.tabs{flex-direction:column}h1{font-size:22px}h2{font-size:20px}.tabs{width:100%;row-gap:0;column-gap:24px;min-height:36px}.tabs>*{border-bottom:1px solid rgb(28,189,130,.5);box-shadow:none;border-radius:0;padding:16px 8px}}