html,body,#root{height:100%}body{color:#daa520;margin:0 0 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;overflow:hidden scroll}button{cursor:pointer;color:#daa520;transition-property:color border opacity;will-change:scale;background-color:#0000;border:2px solid #daa520;border-radius:10px;transition-duration:.2s}button:hover{color:#c18c06;border:2px solid #c18c06}button:active{scale:.96}button:disabled{opacity:.4}.app{flex-direction:column;min-height:100%;display:flex}.title{text-align:center;background:linear-gradient(130deg,#798f5d 0%,#726c44 25%,#5f583b 50%,#726c44 75%,#798f5d 100%);border-bottom:5px solid #5f583b;justify-content:center;align-items:center;padding:4rem 1.4rem 1.5rem;font-size:xx-large;font-weight:700;display:flex;box-shadow:0 0 10px #fedd59}.title span{z-index:1;text-shadow:0 0 5px #c18c06;border:5px solid #daa520;padding:.8rem;position:relative}.title span:before{content:"";border-bottom:50px solid #daa520;border-left:170px solid #0000;border-right:170px solid #0000;width:0;height:0;position:absolute;top:-50px;left:-15px}.title span:after{content:"";border-top:5px solid #daa520;border-bottom:5px solid #daa520;width:110%;height:100%;position:absolute;top:-5px;left:-5%;box-shadow:0 8px 4px -4px #936b07}.title:before{content:"";opacity:.5;background-image:url(./images/title-border.png);background-repeat:no-repeat;background-size:contain;width:6em;height:6em;position:absolute;top:-20px;left:-15px;transform:scaleY(-1)}.title:after{content:"";opacity:.5;background-image:url(./images/title-border.png);background-repeat:no-repeat;background-size:contain;width:6em;height:6em;position:absolute;top:-20px;right:-15px;transform:scale(-1)}.library{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-items:center;row-gap:2em;margin:2rem 0;display:grid}.book{z-index:1;cursor:pointer;border-bottom:2px solid #0003;border-right:2px solid #0003;width:14rem;height:18rem;padding-left:1rem;transition-property:filter;transition-duration:.5s;position:relative;box-shadow:0 0 10px #000}.book span{text-align:center;outline:none;justify-content:center;align-items:center;margin:0 .6rem 0 1.4rem;font-size:larger;font-weight:700;display:flex;overflow:hidden}.book span:first-child{border-bottom:2px solid #daa520;padding:2rem 1rem 1rem}.book span:first-child[contenteditable]:empty:before{cursor:text;content:"Title";color:#daa520b3}.book span:nth-child(2){width:10rem;margin-left:2.85em;padding-top:.4rem;font-size:small;font-style:normal}.book span:nth-child(2)[contenteditable]:empty:before{cursor:text;content:"Author";color:#daa520b3}.book:hover{filter:brightness(80%)}.book:before{content:"";float:left;border-left:10px double #daa520;height:100%;display:block}.page{transform-origin:top;background:linear-gradient(130deg,#798f5d 0%,#726c44 25%,#5f583b 50%,#726c44 75%,#798f5d 100%);flex-direction:column;flex:0;align-items:center;max-height:0;padding:0;display:flex;transform:scaleY(0)}.page div{border-bottom:2px solid #0000001a;justify-content:center;align-items:center;width:90%;padding:1rem;display:flex}.page.show{flex:1;max-height:100vh;padding:1rem;transform:scaleY(1)}.page-header{flex-direction:column;justify-content:center;align-items:center;display:flex}.page-title{cursor:pointer;font-size:2rem;font-weight:700}.page-domain{flex-direction:row;gap:1rem;display:flex}.page-domain span:not(:last-child){border-right:2px solid #0000001a;padding-right:1rem}