#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;border-radius:10px;background-color:#fff}#login-modal{background:#352f44;border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center}#login-modal form{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:auto;width:300px}#login-modal form label{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:300px;margin:5px}#login-modal h1,#login-modal form button{margin:20px}#sign-up-modal{background:#352f44;border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center}#sign-up-modal form{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:auto;width:300px}#sign-up-modal form label{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:300px;margin:5px}#sign-up-modal h1,#sign-up-modal form button{margin:20px}#sign-up-modal form p{color:orange}#demo-button{background:rgb(27,85,143)}#profile-button{background:none;border:none;cursor:pointer}#fa-user-circle{font-size:30pt;color:#f5f5f5;position:relative;right:3px}.user-pic{height:50px;border-radius:50%}.profile-dropdown{right:0;background-color:#2a2438;list-style-type:none;border-radius:10px;width:150px;padding:10px;border:1px solid #5c5470}.modal-buttons{margin:10px;border:10px;border-radius:10px}.modal-buttons:hover{cursor:pointer;background:#352f44}#visit-profile{padding:10px;border-radius:10px}#visit-profile:hover{cursor:pointer;padding:10px;border-radius:10px;background:#352f44}#logout-button{display:flex;justify-content:center;align-items:center;margin:10px}#email{padding:10px}.menu-dropdown div{padding:10px;border-radius:10px}.menu-dropdown div:hover{background:#352f44;cursor:pointer}.profile-dropdown{position:absolute}#nav-bar{border-bottom:1px solid #5c5470;height:50px;font-size:15pt;display:flex;justify-content:space-between;position:sticky;top:0;padding:10px;z-index:9999;background:#2a2438}#nav-buttons{display:flex;justify-content:flex-end;align-items:center;cursor:pointer;padding-right:20px}#home-button{padding-left:10px;font-size:30px;font-family:Gill Sans,sans-serif;text-decoration:none;color:#f5f5f5;position:relative;bottom:5px}#up-logo{color:#fe7920}#book-logo{font-size:40px;position:relative;top:8px;left:2px}#create-book{margin-right:30px}.footer{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100vw;height:200px;position:relative;bottom:0;border-top:1px solid #dbd8e3;background-color:#2a2438}.jan-links{text-decoration:none;color:#f5f5f5}.sidebar{box-sizing:border-box;height:100vh;width:250px;padding:15px 1em;background:#2a2438;border-right:1px solid #5c5470;position:sticky;top:72px;align-self:start;transition:.3s ease-in-out;overflow:hidden;text-wrap:nowrap}.sidebar-close{padding:5px;width:50px;position:sticky;top:72px;align-self:start;transition:.3s ease-in-out;overflow:hidden;text-wrap:nowrap}#sidebar ul{list-style:none}#sidebar>ul>li:first-child{display:flex;justify-content:flex-end;margin-bottom:16px}#sidebar ul li a.active,#sidebar ul li a.active .icon{color:#87ceeb}#sidebar a,#sidebar .dropdown-btn{border-radius:.5em;padding:.85em;text-decoration:none;color:#f5f5f5;display:flex;align-items:center;gap:1.5em}.dropdown-btn{width:100%;text-align:left;background:none;border:none;font:inherit;cursor:pointer}#sidebar svg{flex-shrink:0;font-size:17pt;color:#f5f5f5}#sidebar a span,#sidebar .dropdown-btn span{flex-grow:1}#sidebar a:hover,#sidebar .dropdown-btn:hover{background-color:#5c5470}#sidebar .sub-menu{display:grid;grid-template-rows:0fr;transition:.3s ease-in-out;padding-left:2em}#sidebar .sub-menu>div{overflow:hidden}#sidebar .sub-menu-show{grid-template-rows:1fr;padding-left:2em}.dropdown-btn svg{transition:.2s ease}.menu-arrow{font-size:25pt}.menu-arrow-rotate{font-size:25pt;rotate:180deg}#toggle-btn{padding:7px;border:none;border-radius:.5em;background:none;cursor:pointer;font-size:20pt;color:#f5f5f5}#toggle-btn :is(svg){transition:rotate .15s ease}.toggle-btn-rotate{font-size:20pt;rotate:180deg}#toggle-btn:hover{background-color:#5c5470}.cover-box{width:230px;height:350px;background-color:#5c5470;border-radius:5px;display:flex;justify-content:center;border:solid #dbd8e3 1px}.cover-img:hover{opacity:.1;cursor:pointer;transition:opacity .3s ease-in-out}.cover-img{width:230px;height:350px;position:relative;bottom:350px;border-radius:5px}.card{height:370px;padding:40px}#info-box{display:flex;width:200px;flex-direction:column;justify-content:center;position:relative;bottom:20px;left:10px;opacity:1}#title{word-wrap:break-word;color:#fff;font-size:20pt}#author{word-wrap:break-word;color:#fff}#forum-info{position:relative;bottom:345px}.data-box{padding:7px}.heart{font-size:15pt;position:relative;left:110px}.heart:hover{cursor:pointer}#page-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:#352f44}#book-info-container{display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-start;background:#352f44}#book-cover-img{height:auto;max-width:450px;object-fit:cover;border-radius:5px;margin:50px;border:1px solid #5c5470}#right-container{margin-right:50px;margin-top:50px}#header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}#button-container button{margin-right:10px}#stats{margin-left:30px}#stats span{margin-right:10px}#book-texts{max-width:600px;height:700px;overflow-x:hidden;overflow-y:auto;display:flex;margin-top:50px;align-items:center;flex-direction:column}#book-desc{text-align:justify;max-height:400px;white-space:pre-wrap}#book-title{text-align:center}#book-author{padding-bottom:50px;padding-top:20px}.posts-container{margin-left:40px;margin-right:40px;margin-top:40px}.post-container{border-top:1px solid #5c5470;overflow:hidden;padding:10px;max-height:250px;max-width:1100px}.post-container:hover{background:#4c465e;border-radius:20px;cursor:pointer}#post-header img{cursor:pointer}.no-post{border-top:1px solid #5c5470;padding-top:50px;height:100px;font-size:20pt}.post-title-small{font-size:15pt}.post-text{color:#b3b3b3;max-height:100px;text-align:justify;overflow:hidden}.post-button-box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:140px}.post-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;border-radius:20px;margin-top:10px;margin-bottom:10px;background:#5c5470}#vote-button{width:50px}.up{padding-right:2px}.up:hover{cursor:pointer;color:#fe7920}.down{padding-left:2px}.down:hover{cursor:pointer;color:#63c5fe}.ar-filled{color:#f5f5f5}#voted-up-btn{background:#fc5e0f;cursor:pointer}#voted-down-btn{background:#0d5af5;cursor:pointer}#post-header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}#op-name{margin-left:15px}#name-date-box{width:1100px;display:flex;direction:row;justify-content:space-between}#books-container{display:flex;flex-wrap:wrap;background:#352f44}#friends-container{padding-top:20px;padding-bottom:20px;display:flex;flex-direction:row;align-content:flex-start;flex-wrap:wrap;background:#352f44}.friend-picture{height:200px;width:200px;border-radius:50%;cursor:pointer}.friend-holder{height:220px;width:220px;margin:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}#about-background{background-image:url(https://bookup-project.s3.us-east-2.amazonaws.com/A-wallpaper-displaying-a-reclaimed-wood-bookshelf-adorned-with-vintage-books-and-knick-knacks.jpg);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}#about-container{background-color:#464646;opacity:80%;margin:100px;padding:50px;width:500px;border-radius:10px}#about-container p{text-align:justify;text-indent:10%;font-size:16pt}#friends-box img{height:50px;width:50px;border-radius:50%;cursor:pointer}#friend-pic-container{display:flex;flex-direction:row}#profile-pic{height:300px;width:300px;border-radius:50%;margin:50px}#profile-page{display:flex;flex-direction:column;justify-content:flex-start;align-content:flex-start}#profile-head{display:flex;flex-direction:row;align-items:center;align-content:flex-start}#friend-name{display:flex}#friend-name span button{border:0;background:none;font-size:30px;margin-left:15px;padding:5px}#friend-name span button:hover{cursor:pointer;color:#fd2d2d}#friend-name button{margin-left:15px}#user-posts-container{margin-left:80px}#user-posts-container h2{margin-bottom:20px}#post-background{margin:50px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#post-container{width:1100px;display:flex;flex-direction:column;justify-content:flex-start}#post-header-box{display:flex;justify-content:space-between;align-items:flex-start;min-width:800px}#post-info-box{margin-left:30px}#book-button img{height:100px}#post-buttons{margin-top:30px;margin-right:5px}#post-book-title-box{display:flex}#post-title{font-size:20pt;margin-top:10px}#post-text{margin-top:20px;color:#b3b3b3;text-align:justify;margin-bottom:10px;white-space:pre-wrap}#op-box{display:flex;margin-top:10px;align-items:center}#op-box span{margin-left:10px}#comment-container{border-top:1px solid #5c5470;overflow:hidden;max-width:1080px;padding-top:10px;margin-top:10px;margin-left:20px}.no-comment{display:flex;justify-content:center;border-top:1px solid #5c5470;margin-top:15px;padding-top:40px;font-size:20pt}.comment-button-box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:140px}.comment-text{color:#b3b3b3;max-height:100px;text-align:justify;overflow:hidden;margin-top:15px;margin-bottom:10px}#comment-header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.comment-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;border-radius:20px;margin-top:10px;margin-bottom:10px;background:#5c5470}#comment-header img{cursor:pointer}#add-comment-button{margin-left:10px}#add-comment-button:hover{cursor:pointer}#comment-button-box button{margin-right:5px}#comment-button-box{margin-left:20px}#delete-modal{width:500px;background:#352f44;border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center}#delete-modal h2{margin:30px}#delete-modal button{margin-bottom:20px}#keep-book{background:rgb(36,71,127)}#butt-box button{padding:10px;margin-left:10px;margin-right:10px}.new-book-modal{padding:10px;border-radius:10px;background:#2a2438;display:flex;flex-direction:column;align-items:center;justify-content:center}.new-book-form{padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.new-book-form h2{margin-top:20px}.new-book-form p{margin:10px}.new-book-form textarea{height:180px;width:350px}.new-book-form input{width:350px}.new-book-form button{margin-top:30px;font-size:16pt;padding:10px 125px}.error{color:orange}body{min-height:100vh;min-height:100dvh;background:#2a2438;color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#layout{display:grid;grid-template-columns:auto 1fr}*{margin:0;padding:0}button{padding:10px;border-radius:20px;background:#352f44;color:#f5f5f5;font-size:12pt}button:hover{cursor:pointer;background:#5c5470}.loading{display:flex;justify-content:center;align-items:center}.post-date{color:#8b82a3}