:root{--color-1: #fb83cd;--color-2: #5e80ee;--color-3: #aee5a0;--color-4: #f35c5d;--color-5: #8fdf7a;--color-6: #f7ec84;--color-open: #6ec457;--color-complete: #5e80ee;--color-hidden: black}.bg-1{background:var(--color-1)}.bg-2{background:var(--color-2)}.bg-3{background:var(--color-3)}.bg-4{background:var(--color-4)}.bg-5{background:var(--color-5)}.bg-6{background:var(--color-6)}.bg-default{background:#d3d3d3}h1,h2,h3,h4,h5{margin-top:0;text-align:center}body{margin:0;font-family:sans-serif;display:flex;height:100%}textarea{padding:10px;resize:none}button{cursor:pointer;padding:8px 14px;background:#000;color:#fff;font-size:24px;border-style:none;border-radius:10px}button.delete{font-size:18px;margin-left:auto;padding:5px 10px;border:solid;background:#fff;color:#000}button.secondary{border:none;font-size:18px;padding:8px 12px;background:none}button.secondary:hover{background:#0000004d}button.primary-2{background:#fff;color:#000;border:solid}p{margin-top:0}.app-home{height:100vh;width:100%;display:flex}.admin{align-items:center}.admin,.user{height:100%;display:flex;width:100%;flex-direction:column;box-sizing:border-box;font-family:sans-serif;font-size:18px}.story{display:flex;height:100%;min-height:0;width:100%;background:#fff;flex-direction:column;box-sizing:border-box;font-family:sans-serif;font-size:24px}.stories{justify-content:center;overflow:auto;width:auto;display:flex;flex-direction:row;flex-wrap:wrap;padding:20px;height:100%}.section{background:#fff;border-radius:10px;margin-bottom:10px}.section .text{padding:10px;display:flex;align-items:flex-start}.section .meta{border-top:1px solid;padding:10px;font-size:16px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}.story-card{max-width:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;padding:20px;cursor:pointer;border-radius:10px;font-size:24px;margin-bottom:20px;transition:box-shadow ease .1s}.story-card:hover{background:#f5f5f5}.story-card:hover .book>img{width:110%}.story-card h3,.story-card p{margin-top:0;margin-bottom:5px}.story-card:not(:last-child){margin-right:20px}.book{margin-bottom:10px;display:flex;align-items:center;justify-content:center;padding:20px;border-radius:100%;height:120px;width:120px}.book>img{transition:width ease .2s;width:100%;margin-left:5px}.badge{font-size:18px;padding:5px 15px;border-radius:30px;margin:10px;color:#fff}.badge.complete{background:var(--color-complete)}.badge.open{background:var(--color-open)}.badge.hidden{background:var(--color-hidden)}.empty-state{display:flex;flex-direction:column;width:100%;height:100%;background:#fff;align-items:center;justify-content:center}