html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0;color:inherit}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}:root{--select-border: #777;--select-focus: blue;--select-arrow: var(--select-border)}body{background:url(/background.png) #f7ebec;font-family:-apple-system,BlinkMacSystemFont,sans-serif}h1,nav h2{font-family:Roboto Slab,serif;font-optical-sizing:auto;font-weight:900;font-style:normal}nav{color:#222}nav ul{list-style:none;margin-top:50px}nav ul li a{display:block;font-size:23px;color:#000;font-weight:200;padding:20px 0;margin:0 auto;background:#fff;transition:background .4s;text-align:center;border-bottom:1px solid rgba(0,0,0,.05)}nav ul li a:hover{background:#eee}nav ul li:last-of-type a{border-bottom:none}a{color:#65427f;transition:color .4s}nav a{text-decoration:none}a:hover{color:#290135;transition:color .4s}.shelf{z-index:2;background:#fff;border-radius:10px;padding:20px;position:relative;margin:80px auto;box-shadow:0 0 5px #00000040}.booklet{display:flex;flex-wrap:wrap;justify-content:center}.booklet img{max-width:200px}.shelf .booklet .recommendation{position:relative;transform:none;left:0}.shelf h2{z-index:1;position:absolute;top:-40px;margin:0;left:10px;padding:5px 15px;border-top-right-radius:8px;border-top-left-radius:8px;background:#7e52a0;color:#fff}.shelf .books{display:flex;flex-wrap:wrap;justify-content:center}@media (max-width: 500px){.shelf .books .book{width:41%}.shelf .recommendation{font-size:.85em}}#filterBar .filter{background:var(--lightpurple);padding:3px 7px;color:#000;font-size:12px;border-radius:25px}#filterBar+.shelf{margin-top:40px}.book{max-width:200px;margin:20px 10px 30px;position:relative}.book img{border-radius:7px;margin-bottom:5px}.recommendation{text-transform:uppercase;color:#fff;display:inline-block;letter-spacing:1px;text-align:center}.shelf .recommendation{padding:7px 10px;border-radius:15px;margin:9px auto;position:absolute;top:0;left:50%;box-shadow:0 0 5px #00000040;transform:translateY(-80%) translate(-50%)}.recommendation{background:var(--lightpurple);color:#000}.recommendation.highly-recommended{background:var(--purple);color:#fff}.recommendation.must-read{background:var(--darkpurple);color:#fff;min-width:150px}.recommendation.recommended-maybe{background:#ccb1b8;color:#000}.recommendation.not-recommended{background:#bbb;color:#000}.book h3{font-size:20px}.book p{font-size:17px}.shelf a{color:#333;text-decoration:none;transition:color .4s}.shelf a:hover{color:#290135;transition:color .4s}.shelf>a{font-weight:700;margin-left:auto;display:block;color:var(--purple);text-align:right}img{display:block;max-width:100%}.page:first-of-type:not(.page-page){background:none;box-shadow:none}.page:last-of-type{margin-bottom:30px}.page{box-shadow:0 0 3px #00000040;border-radius:10px;background:#fff;padding:30px 30px 40px;margin:-20px auto 0}.page:nth-of-type(2){margin-top:20px;transform:translate(-5px)}.page:nth-of-type(3){transform:translate(5px)}.page-page{margin-top:30px}.book-page h2{color:#333}.book-content{margin-top:20px}.t-center{text-align:center}.book-content .purchase-link,.author-link,.series-author-link{display:block;padding:3px 3px 3px 0;font-size:18px;color:#290135;font-weight:700;transition:color .4s}.series-author-link{display:inline-block}.bio{margin-top:10px}.shelf{max-width:1200px}.book-content .purchase-link:hover{color:#000}.book-content .recommendation{padding:8px 12px;border-radius:20px;font-size:16px;letter-spacing:0;display:block;margin:20px auto}.book-content .info h3{margin-top:20px}.book-content .image{position:relative}.book-content .image img{border-radius:15px}.pagination{text-align:center}.tag{background:#65427f;color:#fff;padding:5px 10px;border-radius:10px;display:inline-block;margin:5px 5px 5px 0;text-decoration:none;transition:background .4s}.tag:hover{background:#290135}.book-page h3{font-family:Roboto Slab,serif;font-optical-sizing:auto;font-weight:900;font-style:normal;margin-bottom:10px}.book-page h2 a{color:#333}.content ul{margin-left:20px}.modal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:100}.modal-container .modal{background:#fff;border-radius:15px;padding:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;max-height:90%}.modal .filter{position:relative}.clearTags{position:absolute;display:block;top:10px;right:0;text-align:center;color:#65427f;font-size:10px;font-weight:700;text-decoration:none}button{background:#ddd;color:#000;padding:8px 15px;border:none;margin:10px auto;border-radius:5px;font-weight:700;font-size:14px;cursor:pointer;transition:background .4s}button.primary{background:var(--purple);color:#fff}button[disabled]{opacity:.3;background:#ddd;color:#000;cursor:not-allowed}button.secondary{background:var(--lightpurple);color:#000}.modal .closeButton{position:absolute;top:-10px;right:-10px;width:30px;height:30px;text-align:center;font-size:20px;text-decoration:none;color:#333;border-radius:50%;cursor:pointer;background:#ddd}label{margin-bottom:5px;display:block;font-weight:700}input,select,textarea{border:1px solid rgba(0,0,0,.2);padding:3px;border-radius:2px}:root{--purple: #A08BB8;--lightpurple: #E8BCCE;--darkpurple: #65427F;--lightgray: #ccc}select[multiple]{width:100%}select[multiple] option{padding:1.5em .5em}select[multiple] option[selected]{background:var(--lightpurple)}select:not([multiple]){flex:1;padding:0 1em;color:#fff;background-color:var(--purple);background-image:none;cursor:pointer}select::-ms-expand{display:none}.select{position:relative;display:flex;width:20em;height:3em;border-radius:.25em;overflow:hidden;margin-bottom:10px}.select:after{content:"▼";position:absolute;top:0;right:0;padding:1em;background-color:var(--purple);transition:.25s all ease;pointer-events:none}.select:hover:after{color:var(--lightpurple)}#filterBar{padding:0 20px;display:flex;background:#fff;justify-content:space-between;align-items:center;border-radius:10px}#filterBar #sortButton{text-decoration:none;margin-left:5px}.bio p,.book-page p,.page-page .content p,.page-page .content ul li,blockquote{font-size:18px;line-height:140%;margin-bottom:10px}blockquote br{display:block;margin:5px 0}blockquote{margin:15px 0;padding-left:20px;border-left:4px solid var(--purple)}aside{background:var(--lightpurple);padding:10px;border-radius:10px;max-width:300px;margin:0 auto;text-align:center}aside br{display:none}aside label,aside h2,aside p{margin-top:5px}aside label{margin-bottom:2px}aside input{background:#fff;border-radius:4px;font-size:17px;padding:5px}@media (max-width: 787px){nav .logo{max-width:200px;margin:0 auto}nav h2{margin:15px auto;text-align:center}nav a.menu{display:block;color:#fff;padding:10px 5px;background:var(--purple);text-align:center;font-weight:700}nav ul{margin-top:0;max-height:0;transition:max-height .5s;overflow:hidden;margin-bottom:20px}body{padding:0 10px}nav ul.show{max-height:280px;transition:max-height .5s}#filterBar{display:block;padding:10px 10px 20px}#filterBar div{margin:10px auto}}@media (min-width: 768px){.menu{display:none}nav ul{max-height:initial}body{display:flex;height:100vh;flex-direction:row-reverse;justify-content:center;width:100%}.logo{width:140px;margin:15px auto;display:block}nav{background:#fff;height:100vh;width:200px;flex-shrink:0;padding:5px}main{flex-grow:1;height:100vh;overflow:auto;padding:10px 20px}nav h2{font-size:28px;text-align:center}.page{max-width:800px;padding:30px}.book-content{display:flex;flex-direction:row-reverse}.book-content .image{max-width:350px;flex-shrink:0}.book-content .info{flex-grow:1;padding-right:20px}}