@font-face{font-family:alagard-12px-unicode;src:url(/static/media/alagard-12px-unicode.0e8896392783e45bd365.ttf)}:root{--black-blue:#01121a;--dark-blue:#021f48;--vibrant-red:#c31818;--cust-red:#a80c20;--soft-red:#ad2112;--dirty-orange:#ca6703;--dirty-white:#f7ddad;--cust-orange:#f75526;--border-color:#1f7b87;--cust-yellow:#fea614;--cust-brown:#562717;background-color:#01121a;background-color:var(--black-blue);color:#a80c20;color:var(--cust-red);font-family:alagard-12px-unicode;margin:0;padding:0}.cusfooter{bottom:0;height:5vh;padding:0}.cusfooter,.cusheader{left:50%;margin:0;position:fixed;text-align:center;transform:translateX(-50%);width:80vw;z-index:10}.cusheader{height:15vh;top:0}.header-button-holder{display:flex;justify-content:center;margin-top:10px}.header-button{background:#0000;border:2px solid #021f48;border:2px solid var(--dark-blue);border-radius:8px;color:#0000;cursor:pointer;font-size:22px;overflow:hidden;padding:10px 25px;position:relative;transition:border-color .3s,box-shadow .3s;width:30vw}.header-button:before{border:2px solid #a80c20;border:2px solid var(--cust-red);border-radius:8px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transform:scale(1.15);transition:opacity .3s,transform .3s}.header-button:focus:before,.header-button:hover:before{opacity:1;transform:scale(1)}.header-button:focus,.header-button:hover{border-color:#a80c20;border-color:var(--cust-red)}.header-button svg{fill:#a80c20;fill:var(--cust-red);height:24px;width:24px}.cusmain{background:inherit;box-sizing:border-box;height:80vh;left:50%;overflow-y:hidden;position:fixed;top:15vh;transform:translateX(-50%);width:80vw;z-index:5}.my-shelf-content{background-color:#ad2112;background-color:var(--soft-red);color:#ca6703;color:var(--dirty-orange)}.bookshelf{height:70vh;margin-bottom:40px;overflow-y:auto}.profile_my_shelf{height:15vh;position:relative}.profile-item_my_shelf{font-size:24px;text-align:center}.profile-btn_my_shelf{align-items:center;background-color:#ca6703;background-color:var(--dirty-orange);border:none;cursor:pointer;display:flex;height:50px;justify-content:center;padding:0;position:absolute;width:50px}.profile-btn_my_shelf:hover{rotate:30deg;scale:3}.profile-edit-btn_my_shelf{left:0;top:0}.profile-logout-btn_my_shelf{right:0;top:0}.add-button{background:#f7ddad;background:var(--dirty-white);border:7px solid #1f7b87;border:7px solid var(--border-color);color:#0000;cursor:pointer;height:9vh;margin-bottom:2vh;overflow:hidden;width:100%}.add-book-modal-bg{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10}.add-book-modal{background:#562717;background:var(--cust-brown);border:none;left:30%;padding:36px;position:fixed;text-align:center;top:0;width:40%}.add-book-modal,.add-book-modal-title{color:#fea614;color:var(--cust-yellow)}.add-book-modal-title{margin-bottom:28px}.add-book-modal-error{color:#c31818;color:var(--vibrant-red);font-size:14px;margin-bottom:5px}.add-book-modal-field{background:#fea614;color:#562717}.add-book-modal-file-label{color:#fea614;color:var(--cust-yellow);margin-right:7px}.add-book-modal-close{background:none;border:none;color:#fea614;color:var(--cust-yellow);cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:18px;top:16px}.add-book-modal-btn{background:#fea614;background:var(--cust-yellow);border:none;cursor:pointer;font-weight:600;margin-top:18px;padding:12px;text-align:center;width:175px}.add-book-modal-btn,.add-book-modal-field::placeholder{color:#562717;color:var(--cust-brown)}.about-text{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:0;height:100%;justify-content:flex-start;margin:0 auto;overflow:visible;position:relative;width:90%}.about-text img{bottom:16px;height:auto;pointer-events:none;position:absolute;right:16px;width:70%}.main-button{background:var(--black-blue);border:2px solid var(--dark-blue);color:#0000;cursor:pointer;font-size:22px;height:7vh;overflow:hidden;width:80%}.myshelf{transition:transform .3s}.myshelf:hover{rotate:5deg;scale:1.2}.login{transition:transform .3s}.login:hover{rotate:5deg;scale:1.2}.signup{transition:transform .3s}.signup:hover{rotate:-5deg;scale:1.2}.main-page{justify-content:space-between;min-height:100%}.main-page,.main-text{display:flex;flex-direction:column}.main-text{align-items:flex-start;align-items:center;font-size:2rem;justify-content:center}.pause{font-size:2.5rem;margin-top:2.5em}.buttons-container{align-items:center;display:flex;flex-direction:column;gap:2vh;margin-bottom:4vh;width:100%}.about-text{font-size:2rem}.login-container{align-items:center;background:var(--black-blue);border:2px solid var(--dark-blue);box-sizing:border-box;color:var(--cust-red);display:flex;flex-direction:column;height:80%;justify-content:center;margin:0;min-height:80vh;padding:0;width:100%}.login-title{color:var(--cust-red);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.login-form{align-items:center;display:flex;flex-direction:column;width:100%}.login-input{box-sizing:border-box;margin-bottom:1.2rem}.login-button,.login-input{background:var(--black-blue);border:2px solid var(--dark-blue);border-radius:0;color:var(--cust-red);font-size:1.1rem;max-width:400px;padding:1rem;width:100%}.login-button{cursor:pointer;font-weight:700;transition:background .2s}.login-button:hover{background:var(--dark-blue)}.login-message{color:var(--cust-red);margin-top:1.2rem;text-align:center;width:100%}.register-container{align-items:center;background:var(--black-blue);border:2px solid var(--dark-blue);box-sizing:border-box;color:var(--cust-red);display:flex;flex-direction:column;height:80%;justify-content:center;margin:0;min-height:80vh;padding:0;width:100%}.register-title{color:var(--cust-red);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.register-form{align-items:center;display:flex;flex-direction:column;width:100%}.register-input{box-sizing:border-box;margin-bottom:1.2rem}.register-button,.register-input{background:var(--black-blue);border:2px solid var(--dark-blue);border-radius:0;color:var(--cust-red);font-size:1.1rem;max-width:400px;padding:1rem;width:100%}.register-button{cursor:pointer;font-weight:700;transition:background .2s}.register-button:hover{background:var(--dark-blue)}.register-message{color:var(--cust-red);margin-top:1.2rem;text-align:center;width:100%}.newbookpic{height:170px;min-width:120px}.opinion-content{background-color:var(--dirty-white);color:var(--cust-orange)}.opinionshelf{height:49vh;margin-bottom:30px;overflow-y:auto}.book-profile{gap:5px;height:30vh;position:relative}.book-profile-btn{align-items:center;background-color:var(--cust-orange);border:none;cursor:pointer;display:flex;flex-shrink:0;height:50px;justify-content:center;margin-top:0;position:absolute;width:50px}.book-profile-btn:hover{rotate:30deg;scale:3}.book-profile-edit-btn{left:0;top:0}.book-profile-back-btn{right:0;top:0}.book-info-wrapper{align-items:flex-start;display:flex;flex:1 1;gap:18px;height:100%;left:20%;min-width:0;position:absolute;width:60%}.newbookpic{background-position:50%;background-size:cover;flex-shrink:0;height:30vh;max-width:50vw;min-width:20vw;width:20%}.book-info-text{display:flex;flex:1 1;flex-direction:column;gap:6px;height:100%;min-width:0;overflow-y:scroll}.book-title{font-size:1.18rem;font-weight:700;margin-bottom:3px;word-break:break-word}.book-author,.book-size{font-size:1.03rem}.book-description{font-size:.98rem;line-height:1.32;margin-top:6px;overflow:auto}.icon_my_shelf{display:block;height:24px;width:24px}.prohibited{font-size:2.5rem;text-align:center}.add-button-opinion{background:var(--soft-red);border:7px solid var(--border-color);color:#0000;cursor:pointer;height:9vh;margin-bottom:2vh;overflow:hidden;width:100%}.add-book-modal-field{background:var(--cust-yellow);border:none;color:var(--cust-brown);margin-bottom:8px;padding:10px;resize:vertical;text-align:center;width:95%}.edit-book-modal-bg{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10}.edit-book-modal{background:var(--cust-brown);border:none;color:var(--cust-yellow);left:30%;padding:36px;position:fixed;text-align:center;top:0;width:40%}.edit-book-modal-title{color:var(--cust-yellow);margin-bottom:28px}.edit-book-modal-error{color:var(--vibrant-red);font-size:14px;margin-bottom:5px}.edit-book-modal-field{background:var(--cust-yellow);border:none;color:var(--cust-brown);margin-bottom:8px;padding:10px;text-align:center;width:95%}.edit-book-modal-file-label{color:var(--cust-yellow);margin-right:7px}.edit-book-modal-close{background:none;border:none;color:var(--cust-yellow);cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:18px;top:16px}.edit-book-modal-btn{background:var(--cust-yellow);border:none;cursor:pointer;font-weight:600;margin-top:18px;padding:12px;text-align:center;width:175px}.edit-book-modal-btn,.edit-book-modal-field::placeholder{color:var(--cust-brown)}.opinion-card{background:var(--soft-red);border-color:var(--border-color);border-radius:1%;border-style:solid;border-width:5px;color:var(--dirty-orange);display:flex;flex-direction:row;flex-wrap:nowrap;margin:auto auto 10px;max-height:25vh;overflow:hidden;position:relative;width:70vw}.opinioninfo *{margin:0;padding:0}.opinioninfo{border-width:5px;width:100%}.opinioninfo .card-title{font-size:1.5rem;line-height:1.2;margin-bottom:5%}.opinioninfo .card-author{font-size:1.03rem}.opinioninfo{height:100%;position:relative}ul.opinion-card-controls{align-items:stretch;background:none;border-width:5px;flex-direction:column;height:100%;list-style:none;padding:0;position:absolute;right:0;top:0;width:64px}ul.opinion-card-controls,ul.opinion-card-controls li{border-color:var(--border-color);display:flex;margin:0}ul.opinion-card-controls li{background-color:var(--dirty-orange);border-style:solid;border-width:5px;flex:1 1}.opinion-card-controls a,.opinion-card-controls button{align-items:center;background:none;border:none;border-radius:0;box-shadow:none;cursor:pointer;display:flex;height:100%;justify-content:center;margin:0;padding:0;width:100%}.opinion-card-controls a:active,.opinion-card-controls a:focus,.opinion-card-controls button:active,.opinion-card-controls button:focus{outline:none}.opinion-card-controls a:hover svg.icon{opacity:1}.opinion-card-date{background:var(--dirty-orange);color:var(--soft-red)}.opinion-card-text{width:90%}.opinion-text{margin:10px}.opinion-text-container{display:flex;flex-direction:row;font-size:20px;gap:15%;width:80%}*,:after,:before{box-sizing:border-box}img{height:auto;max-width:100%}h1,h2{margin:0}.book-card{background:var(--dirty-white);border-radius:1%;color:var(--cust-orange);display:flex;flex-direction:row;flex-wrap:nowrap;height:60vh;margin:auto auto 10px;overflow:hidden;position:relative;width:70vw}.book-card,.bookpic{border-color:var(--border-color);border-style:solid;border-width:5px}.bookpic{background-position:50% 50%;background-size:cover;flex-basis:50%}.book img{width:100%}.bookinfo *{margin:0;padding:0}.bookinfo{border-width:5px;flex-basis:50%;padding:6% 3%}.bookinfo .card-title{font-size:1.5rem;line-height:1.2;margin-bottom:5%;width:80%}.bookinfo .card-author{font-size:1.2rem;margin-bottom:5%;width:90%}.bookinfo .card-description{width:80%}.bookinfo{position:relative}ul.card-controls{align-items:stretch;background:none;border-width:5px;flex-direction:column;height:100%;list-style:none;padding:0;position:absolute;right:0;top:0;width:64px}ul.card-controls,ul.card-controls li{border-color:var(--border-color);display:flex;margin:0}ul.card-controls li{background-color:var(--cust-orange);border-style:solid;border-width:5px;flex:1 1;padding-bottom:10px}.card-controls a,.card-controls button{align-items:center;background:none;border:none;border-radius:0;box-shadow:none;cursor:pointer;display:flex;height:100%;justify-content:center;margin:0;padding:0;width:100%}.card-controls a:active,.card-controls a:focus,.card-controls button:active,.card-controls button:focus{outline:none}svg{max-width:100%}.icon--2x{font-size:2rem}svg.icon{fill:#24b15e;display:inline-block;font-size:1rem;font-size:1.4rem;height:1em;opacity:.9;transition:opacity .3s ease;vertical-align:middle;width:1em}.card-controls a:hover svg.icon{opacity:1}svg.deletesvg{fill:#e34a4a}.invisible{left:-999px;overflow:hidden;position:absolute;top:-999px}.deleteme{animation:deleteanimation 1.5s cubic-bezier(.55,-.04,.91,.94) forwards;transform-origin:100% 0}@keyframes deleteanimation{0%{opacity:1;transform:rotate(0)}to{opacity:0;transform:translateY(600px) rotate(-90deg)}}.edit-user-modal-bg{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10}.edit-user-modal{background:var(--cust-brown);border:none;color:var(--cust-yellow);left:30%;padding:36px;position:fixed;text-align:center;top:0;width:40%}.edit-user-modal-title{color:var(--cust-yellow);margin-bottom:28px}.edit-user-modal-error{color:var(--vibrant-red);font-size:14px;margin-bottom:5px}.edit-user-modal-field{background:var(--cust-yellow);border:none;color:var(--cust-brown);margin-bottom:8px;padding:10px;text-align:center;width:95%}.edit-user-modal-file-label{color:var(--cust-yellow);margin-right:7px}.edit-user-modal-close{background:none;border:none;color:var(--cust-yellow);cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:18px;top:16px}.edit-user-modal-btn{background:var(--cust-yellow);border:none;cursor:pointer;font-weight:600;margin-top:18px;padding:12px;text-align:center;width:175px}.edit-user-modal-btn,.edit-user-modal-field::placeholder{color:var(--cust-brown)}
/*# sourceMappingURL=main.e4983044.css.map*/