.book-border{width:100%;height:100%;position:relative}.book-border-frame{border:2px solid rgba(128,0,0,.8);position:absolute;top:2rem;bottom:2rem;left:2rem;right:2rem}.book-border-frame:before{content:"";border:1px solid rgba(128,0,0,.6);position:absolute;top:.5rem;bottom:.5rem;left:.5rem;right:.5rem}.book-border.gold-border .book-border-frame{border:2px solid rgba(212,175,55,.8)}.book-border.gold-border .book-border-frame:before{border:1px solid rgba(212,175,55,.6)}.book-corner-decoration{background-image:url(/images/border/bookborder.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:7rem;height:7rem;position:absolute}.book-corner-decoration.gold-decoration{background-image:url(/images/border/gold-border.svg)}.book-corner-decoration.top-left{top:2rem;left:2rem}.book-corner-decoration.top-right{top:2rem;right:2rem;transform:rotate(90deg)}.book-corner-decoration.bottom-left{bottom:2rem;left:2rem;transform:rotate(-90deg)}.book-corner-decoration.bottom-right{bottom:2rem;right:2rem;transform:rotate(180deg)}.book-content{text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 4rem);height:calc(100% - 4rem);padding:1rem;display:flex;position:absolute;top:2rem;bottom:2rem;left:2rem;right:2rem;overflow:hidden}@media (max-width:768px){.book-border-frame{top:1rem;bottom:1rem;left:1rem;right:1rem}.book-corner-decoration{width:4rem;height:4rem}.book-corner-decoration.top-left{top:1.3rem;left:1.3rem}.book-corner-decoration.top-right{top:1.3rem;right:1.3rem}.book-corner-decoration.bottom-left{bottom:1.3rem;left:1.3rem}.book-corner-decoration.bottom-right{bottom:1.3rem;right:1.3rem}.book-content{width:calc(100% - 2rem);height:calc(100% - 2rem);top:1rem;bottom:1rem;left:1rem;right:1rem}}