@charset "UTF-8";*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%}.app{min-height:100vh;display:flex;flex-direction:column}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}.admin-page-section{background-color:#efefed;padding:0}.admin-page-section .admin-header{background-color:#efefed;width:100%;margin:0 auto;padding:2rem 0 0;display:flex;flex-direction:column;align-items:center}.admin-page-section .admin-header-title{font-size:2.8rem;margin:0}.admin-page-section .admin-header-list{font-family:Inter;padding:2rem 0 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.5rem}.admin-page-section .admin-header-list-link{font-family:Inter;font-size:1.3rem;font-weight:300;color:#5f513f;text-decoration:none;padding:1.2rem 0}.admin-page-section .admin-header-list .selected-status{text-decoration:underline;color:#d1bda5}.admin-page-section .admin-header-list-link:hover{color:#c6ad8e;font-weight:300}.admin-page-section .admin-body{background-color:#f4f4f6;border-radius:8px;margin:2rem auto;width:90%;padding-top:1%}.admin-page-section .admin-body .admin-subtitle{font-family:Inter;font-weight:700;font-size:calc(1.3rem + .5vw);margin-top:4.5vh;margin-bottom:4.5vh;padding:0;text-align:center;color:#5f513f}.admin-page-section .admin-body .book-modification-selection{text-align:center;margin-bottom:4%;overflow-x:auto}.admin-page-section .admin-body .book-modification-presentation{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin:0 auto;max-width:700px;gap:5vh}.admin-page-section .admin-body .book-modification-presentation label{font-family:Inter;font-weight:200;font-size:.9rem;margin-top:1vh;margin-bottom:2%;padding:0}.admin-page-section .admin-body .book-modification-presentation select{margin-bottom:2%}.admin-page-section .admin-body .book-modification-presentation textarea{margin-bottom:2%;font-family:Inter}.admin-page-section .admin-body .book-modification-presentation-image{margin:0 auto}.admin-page-section .admin-body .book-modification-presentation-image img{width:250px}.admin-page-section .admin-body .book-modification-presentation .book-modification-presentation-texts{margin:0 auto}.admin-page-section .admin-body .book-modification-presentation .book-modification-presentation-texts .book-modification-details{width:80vw;max-width:350px;overflow-x:auto}.admin-page-section .admin-body .book-modification-presentation .book-modification-presentation-texts .book-modification-details button{all:unset;font-family:Inter;background-color:#c6ad8e;color:#efefed;margin:1vh 0 4vh;text-align:center;padding:15px 40px;cursor:pointer;max-width:20%;box-shadow:0 2px 10px #0000000d;border-radius:8px}.admin-page-section .admin-body .book-modification-presentation .book-modification-presentation-texts .book-modification-details .delete{background-color:#b72f2f}.admin-page-section .admin-body input,.admin-page-section .admin-body textarea,.admin-page-section .admin-body select{padding:8px;border-radius:4px;border:solid 2px #C6AD8E;background-color:#fff;font-size:.9rem}.admin-page-section .admin-body .book-modification-details{display:flex;flex-direction:column}.register-form-error{font-family:Inter;font-size:.9rem}select{padding:.4rem .6rem;border-radius:6px;border:1px solid #EFEFED;background-color:#fff;font-size:.9rem;min-width:160px}input{margin-bottom:2%}.fade{transition:opacity .3s ease-in-out;opacity:1}.book-to-update{width:60%;max-width:500px}@media screen and (max-width: 800px){.book-to-update{width:80%;margin-bottom:2rem}.admin-page-section .admin-body .admin-subtitle{margin-top:2rem;margin-bottom:2rem}.admin-page-section .admin-header-title{margin-top:3rem}}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh}.spinner{width:50px;height:50px;border:5px solid #EFEFED;border-top-color:#c6ad8e;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}.confirmation-modal{display:flex;flex-direction:column;align-items:center;background-color:#c6ad8e;width:25%;min-width:500px;padding:3rem 0;border-radius:8px;position:relative;font-family:Inter}.confirmation-modal-closeBtn{width:40px;position:absolute;top:2%;right:2%;background-color:#c6ad8e;border:none}.confirmation-modal-closeBtn-img{box-shadow:none}.confirmation-modal-caution-icon{box-shadow:none;width:20%;min-width:55px;margin-bottom:7%}.confirmation-modal-message{text-align:center;width:80%}.confirmation-modal-form{width:90%;display:flex;flex-direction:column;align-items:center;overflow-x:auto}.confirmation-modal-form label{text-align:center;color:#010100;margin:1rem 0 .6rem}.confirmation-modal-form input{padding:.4rem .6rem;border-radius:6px;border:1px solid #EFEFED;font-size:.9rem;width:80%;margin:0}.confirmation-modal-form-error{margin:.2rem 0 0;padding:0;color:#b72f2f;font-size:.9rem}.confirmation-modal-form-button{margin-top:2rem;padding:.5rem 0;background-color:#b72f2f;border:none;border-radius:8px;color:#f4f4f6;font-size:1rem;width:80%}@media screen and (max-width: 800px){.confirmation-modal{width:80%;min-width:200px;max-width:500px}}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}.hidden-background{color:#f4f4f6;background:#000000b3;position:absolute;top:0;left:0;bottom:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:10}.hidden-background .update-modal{display:flex;flex-direction:column;align-items:center;background-color:#c6ad8e;width:25%;min-width:500px;padding:3rem 5rem;border-radius:8px}.hidden-background .update-modal-img{box-shadow:none}.hidden-background #validation-icon{width:20%;margin-bottom:7%;box-shadow:none}.confirm-delete-message{font-family:Inter;text-align:center;margin:0;padding:0}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}#book-section{font-family:Inter;position:relative;padding:0;background-color:#efefed}#book-section .section-detail{width:90%;margin:3rem auto;background-color:#f4f4f6;border-radius:8px;padding-bottom:3rem}#book-section .section-detail-title{font-size:2.5rem;text-align:center;padding-top:1rem}#book-section #left-arrow{position:absolute;left:5vw;top:5vh;background-color:#c6ad8e;border-radius:50%;width:calc(20px + 2vw);max-width:50px;transition:transform .3s ease-in-out}#book-section #left-arrow:hover{transform:scale(1.07)}#book-section h2{max-width:700px;margin:0 auto 4vh;font-size:calc(1rem + 2vw);font-family:Inter;font-weight:700}#book-section #presentation{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin:0 auto;max-width:700px}#book-section #presentation #presentation-image{margin:0 auto}#book-section #presentation img{width:250px}#book-section #presentation #presentation-texts{margin:0 auto}#book-section #presentation #presentation-texts .genre-list{display:flex;flex-direction:row;padding:0;margin:0}#book-section #presentation #presentation-texts ul{padding:0;margin-left:7px;display:flex;flex-direction:column}#book-section #presentation #presentation-texts ul li{margin-bottom:5px}#book-section #summary{margin:0 auto;max-width:90%;width:1100px;position:relative}#book-section #summary .summary-title{margin-top:2rem;text-align:center}#book-section #summary .summary-resume{margin-bottom:3rem;text-align:center}#book-section #summary a{display:block;text-align:center}#book-section #summary #add-button{background-color:#c6ad8e;border-radius:50%;width:calc(20px + 2vw);max-width:50px;transition:transform .3s ease-in-out;cursor:pointer}#book-section #summary #add-button:hover{transform:scale(1.07)}#book-section #summary .button-add{position:absolute;top:140%;left:50%;transform:translate(-50%,-50%);border:none;background:none}#book-section .reviews-section{display:flex;flex-direction:column;margin:0 auto;max-width:700px}#book-section .reviews-section-title{margin-top:5%;margin-bottom:3%;text-align:center}#book-section .reviews-section ul{padding:0}#book-section .reviews-section-container{background-color:#fcfcfc;border-radius:8px;padding:2rem;margin-bottom:2rem}#book-section .reviews-section-container .review-meta{margin-top:2rem;font-size:.9rem}#book-section .reviews-section-container-delete-button{all:unset;background-color:#b72f2f;border-radius:8px;padding:5px;transition:transform .3s ease-in-out}#book-section .reviews-section-container-delete-button:hover{transform:scale(1.1);cursor:pointer}#book-section .reviews-section-container-delete-button img{height:20px;width:20px}#book-section .note{display:flex}#book-section .note-text{margin-right:.5rem}#book-section .star{font-size:1.5rem;color:#f5c518;margin-left:.3rem}.detail-separator{max-width:none;margin-top:3rem;width:20vw;min-width:300px;border-top:solid 1px #C6AD8E}@media screen and (max-width: 800px){#book-section h2{margin-top:1rem}#book-section .section-detail{margin-top:5rem}#book-section #summary .summary-resume{margin-bottom:1rem}#book-section #summary .button-add{top:120%}}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}#call-to-action-section{background:url(../Pictures/img-footer.png) center/cover fixed;display:flex;flex-direction:column}.books-section{padding:0;background-color:#efefed;overflow-x:auto}.books-section .head-books{display:flex;flex-wrap:wrap;justify-content:center;width:90%;margin:2rem auto 1rem;position:relative}.books-section-title{font-size:2.8rem;margin:0 0 1rem;white-space:nowrap}.books-section-search{font-size:.9rem;border-radius:5px;padding:1rem;width:15rem;height:2rem;top:0;right:0;position:absolute;border:solid 1px #F4F4F6;box-shadow:0 5px 5px #0000000a}.books-section .books-list-ul{padding-left:0}.books-list{background-color:#f4f4f6;border-radius:8px;width:90%;margin:0 auto 4rem;padding:4rem 0 2rem}.books-list-no-results{text-align:center;font-family:Inter;font-weight:200;font-size:1.5rem}.books-list h3{max-width:1300px;margin:5vh auto 2vh}.books-list .books-list-ul{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;max-width:1400px;margin:0 auto}.books-list .books-list-li{text-align:center;transition:all .3s ease}.books-list .books-list-li:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.books-list .books-list-li a{color:#010100;text-decoration:none}.books-list .books-list-li figure{display:inline-block;font-family:Inter}.books-list .books-list-li #book-img{position:relative;width:150px;height:220px;margin:0 auto}.books-list .books-list-li #book-img img{width:100%;height:100%;border-radius:5px}.books-list .books-list-li #book-img button{position:absolute;background-color:#c6ad8e;border:none;color:#fff;border-radius:50%;font-size:1rem;font-weight:400;right:3px;top:8px;width:25px;height:25px;display:flex;justify-content:center;padding:0;line-height:1;cursor:cell}.books-list .books-list-li #book-img #read-notRead{position:absolute;bottom:-5px;right:-5px}.books-list .books-list-li #book-img #read-notRead img{box-shadow:none}.books-list .books-list-li hgroup{margin:10px 0;max-width:180px}.books-list .books-list-li figcaption{font-size:1rem}.books-list .books-list-li h5{font-weight:200;font-size:.85rem}.show-buttons-container{text-align:center;margin-top:2rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.show-more-btn,.show-less-btn{background-color:#c6ad8e;border:none;padding:.8rem 1.2rem;cursor:pointer;border-radius:6px;color:#fff}.show-more-btn:hover,.show-less-btn:hover{background-color:#968164}@media (max-width: 1200px){.books-list .books-list-ul{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.books-list .books-list-ul{grid-template-columns:repeat(2,1fr)}.books-section .head-books{flex-direction:column;align-items:center;margin-top:4.4rem}.books-section-search{position:relative}}@media (max-width: 480px){.books-list .books-list-ul{grid-template-columns:1fr}}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}.privacy-title{font-size:2.8rem;margin-top:2rem}#privacy-policy-section{padding:0rem;line-height:1.6;background-color:#efefed;overflow-x:auto}#privacy-policy-section .privacy-container{width:90%;background-color:#f4f4f6;margin:auto;border-radius:8px;padding:3rem;margin-bottom:3rem}#privacy-policy-section .privacy-container h2{font-family:Inter;font-weight:700;font-size:calc(1rem + .5vw);margin-bottom:0}#privacy-policy-section a{color:#457b9d;text-decoration:underline}@media screen and (max-width: 800px){.privacy-title{margin-top:4rem}}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}#contact-page-section{background-color:#f4f4f6;text-align:center;display:flex}#contact-page-section .contact-container{max-width:600px;margin:auto;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow-x:auto}#contact-page-section .contact-container h1{margin-bottom:4vh}#contact-page-section a{margin:1rem 0;font-size:1.2rem;font-weight:700;text-decoration:none;color:#000}#contact-page-section a:hover{text-decoration:underline}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}#error-page{display:flex;align-items:center;justify-content:center;text-align:center;min-height:80vh;padding:2rem}#error-page h1{font-size:8rem;margin:0}#error-page p{font-size:1.1rem;margin-bottom:2rem}#error-page .back-button{padding:.75rem 1.5rem;background-color:#c6ad8e;color:#fff;text-decoration:none;border-radius:8px}.footer{background-color:#c6ad8e;text-align:center;padding-bottom:5px;padding-top:5px;bottom:0;width:100%}.footer-top{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;padding-bottom:10px;margin-top:1rem}.footer-bottom{margin-bottom:1.5rem}.footer-top a{text-decoration:none;color:#fff;font-family:Inter}.footer-top a:hover{text-decoration:underline}.footer-bottom p{color:#fff;font-family:Inter}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}#homepage{overflow-x:auto}.hero-section-title{text-align:start}#hero-section{display:flex;background-color:#efefed;gap:8vw;flex-wrap:wrap}#hero-section #presentation{max-width:470px}#hero-section #presentation button{background-color:#c6ad8e;margin:1rem 0;color:#fff;border:none;padding:15px 40px;cursor:pointer;border-radius:6px}#hero-section #presentation .button{background-color:#c6ad8e;margin:1rem 0;color:#fff;border:none;padding:15px 40px;cursor:pointer;text-decoration:none;font-family:Inter;font-size:small;border-radius:6px}#hero-section #presentation .button:hover{background-color:#968164}#hero-section #presentation-img{max-width:450px}#hero-section #presentation-img img{width:100%}#personal-library-section{background-color:#f4f4f6;text-align:center}.personal-library-container{max-width:780px;margin:0 auto}.personal-library-container-title{overflow-x:auto}hr{max-width:220px;border-top:solid 2px #C6AD8E}#books-section{background-color:#efefed}#books-section .books-title{text-align:center;padding-bottom:20px;font-family:Inter;overflow-x:auto}#books-section .books-title h3{font-size:1.8rem;font-weight:400}#books-section .books-title p{font-weight:200}#books-section #books-list{max-width:1200px;display:flex;margin:0 auto;gap:calc(1vh + 2vw);flex-wrap:wrap;text-align:center;justify-content:center}#books-section #books-list #book-img{position:relative;width:150px;height:220px;margin:0 auto}#books-section #books-list img{width:100%;height:100%}#books-section #books-list a{color:#010100;text-decoration:none}#books-section #books-list figure{display:inline-block;font-family:Inter;width:180px}#books-section #books-list figure hgroup{margin:10px 0;max-width:180px}#books-section #books-list figure hgroup figcaption{font-size:1rem}#books-section #books-list figure hgroup h5{font-weight:200;font-size:.85rem}#books-section #books-list button{position:absolute;background-color:#c6ad8e;border:none;color:#fff;border-radius:50%;font-size:1rem;font-weight:400;right:3px;bottom:8px;cursor:cell}#paragraphs-section{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1rem;padding:2rem;background-color:#f4f4f6}#paragraphs-section .left-paragraph,#paragraphs-section .right-paragraph{max-width:650px;text-align:center;padding:3vh}#paragraphs-section .divider{width:2px;background-color:#c6ad8e}#paragraphs-section h3{text-align:center}@media (max-width: 1429px){#paragraphs-section{flex-direction:column;align-items:center}#paragraphs-section .divider{width:60vw;height:2px;margin:1.5rem auto}#paragraphs-section .left-paragraph,#paragraphs-section .right-paragraph{max-width:700px}}#section5{display:flex;flex-wrap:wrap;background-color:#efefed;gap:8vw}#section5 .img-livres{max-width:450px}#section5 .img-livres img{width:100%}#section5 .section5-text{max-width:470px}#call-to-action-section{background:url(../Pictures/img-footer.png) center/cover fixed;display:flex;flex-direction:column}#call-to-action-section h2{text-align:center}#call-to-action-section button{background-color:#c6ad8e;margin:1rem 0;color:#fff;border:none;padding:15px 40px;cursor:pointer;border-radius:6px}#call-to-action-section button:hover{background-color:#968164}#call-to-action-section .button{background-color:#c6ad8e;margin:1rem 0;color:#fff;border:none;padding:15px 40px;text-decoration:none;font-family:Inter;font-size:small;border-radius:6px}#call-to-action-section .button:hover{background-color:#968164}@media screen and (max-width: 800px){.hero-section-subtitle{margin-top:1.5rem}}.login{background-color:#c6ad8e;width:25%;min-width:500px;padding:3rem 5rem;position:relative}.login-form{display:flex;flex-direction:column}.login-form-title{font-size:1.5rem;padding-bottom:.5rem}.login-form-label{padding-bottom:.5rem;margin-top:1.2rem}.login-form-input{border:none;padding:.5rem}.login-form-button{height:2rem;width:50%;border:none;margin:1rem 0}.login-form-redirection{font-style:italic;font-size:.9rem;color:#f4f4f6;text-decoration:none}.login-form-error{margin-top:.4rem;color:#c42e2e}.login-closeBtn{width:40px;position:absolute;top:2%;right:2%;background:none;border:none;cursor:pointer}@media screen and (max-width: 700px){.login{width:80%;min-width:250px;padding:2rem}}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}.legal-container-title{font-size:2.8rem;margin-top:2rem}#legal-notice-section{padding:0rem;line-height:1.6;background-color:#efefed}#legal-notice-section h2{font-family:Inter;font-weight:700;font-size:calc(1rem + .5vw);margin-bottom:0}#legal-notice-section .legal-container{width:90%;margin:0 auto 3rem;background-color:#f4f4f6;border-radius:8px;padding:3rem;overflow-x:auto}#legal-notice-section a{color:#457b9d}@media screen and (max-width: 800px){.legal-container-title{margin-top:4rem}}.library-menu{display:flex;justify-content:center;align-items:center}.library-menu-li{height:100px;font-family:Inter}.library-select{margin-top:1rem;width:100%}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}.review-hidden-background{color:#f4f4f6;position:fixed;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:999}.review-hidden-background .review-form{display:flex;flex-direction:column;align-items:center;height:100%;font-family:Inter}.review-hidden-background .review-form .star-rating{display:flex;flex-direction:column;margin-bottom:1rem}.review-hidden-background .review-form .stars{display:flex;gap:.3rem;cursor:pointer;font-size:2.5rem;-webkit-user-select:none;user-select:none}.review-hidden-background .review-form .star{color:#ccc;transition:color .2s ease;background:none}.review-hidden-background .review-form .star:hover{transform:scale(1.1)}.review-hidden-background .review-form .filled{color:#f5c518}.review-hidden-background .review-form label{margin-bottom:3%}.review-hidden-background .review-form textarea{height:80%;width:100%;padding:2%;border-radius:8px;font-family:Inter}.review-hidden-background .review-form button{all:unset;background-color:#968164;width:20%;height:15%;margin-top:2%;border-radius:8px;text-align:center;transition:transform .3s ease-in-out;cursor:pointer}.review-hidden-background .review-form button:hover{transform:scale(1.05)}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}.selected{mix-blend-mode:soft-light}.library{position:relative;background-color:#c6ad8e;width:35%;min-width:500px;height:50%;max-height:90%;padding:3rem;border-radius:10px}.library-menu{width:100%;height:100%;padding:0;display:flex;flex-wrap:wrap;justify-content:center}.library-menu-li{width:50%;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.library-menu-li-text{margin:0;font-size:1rem}.library-menu-li-img{width:30%;min-width:55px;margin:0 auto 1rem;cursor:pointer}.library-menu-li select{margin-top:1rem;width:100%}.library button{background:none;border:none;color:#fff;cursor:pointer}.library-closeBtn{width:40px;position:absolute;top:2%;right:2%}@media screen and (max-width: 700px){.library{width:80%;min-width:250px;max-width:500px;padding:1rem}.library-menu-li-img{max-width:55px}}.navbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#c6ad8e;-webkit-user-select:none;user-select:none}.navbar .header-logo{height:80px;min-width:110px}.navbar .burger-menu{margin-right:20px;display:none}nav ul{display:flex;flex-direction:row;gap:1rem;margin:0;padding:20px}nav a{color:#fff;text-decoration:none;font-family:Inter;font-weight:700}nav a:hover{text-decoration:underline}nav a.active{text-decoration:underline}@media screen and (max-width: 800px){.navbar{position:sticky;top:0;height:11.5vh;z-index:3;display:flex;flex-direction:column}.navbar #logo{position:absolute;left:10px;top:10px}.navbar #logo img{height:9vh;width:14vh}.navbar #search{position:fixed;top:11.5vh;left:10%;width:80%;border:solid 1px #C6AD8E;border-radius:5px;margin-top:20px}.navbar ul{background-color:#efefed;height:88.5vh;width:100vw;flex-direction:column;position:fixed;top:11.5vh;left:0;padding:3vh 7vh}.navbar ul a{text-decoration:none;color:#010100;font-size:4vw}.navbar ul a:hover{cursor:pointer}.navbar li{padding:16px}.navbar li:last-child{display:block;background-color:#c6ad8e}.navbar li:last-child a{color:#fff}.navbar ul.hidden{display:none}.navbar .burger-menu{position:absolute;display:block;top:2.5vh;right:20px}.title-blablabook{display:none}}.title-blablabook{font-size:calc(1rem + 1.5vw);margin-bottom:1rem;margin:1rem 0;text-shadow:-1px 6px 9px rgba(0,0,0,.1);font-family:Satisfy;font-weight:100;color:#f5f5f5}.search-container{position:relative;width:50%}#search{width:100%;padding:8px;border-radius:4px;border:none}.search-result{display:flex;flex-direction:column;position:absolute;width:100%;background-color:#fff;border:1px solid #ccc;padding:0;z-index:1}.book-result{padding:4px;cursor:pointer;border-bottom:1px solid #eee;text-decoration:none;color:#000;font-weight:300}.book-result:hover{background-color:#f0f0f0}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}.personal-library{padding:0 0 .5rem;background-color:#efefed;min-height:100%}.personal-library-header{background-color:#efefed;width:100%;margin:0 auto;padding:2rem 0 0;display:flex;flex-direction:column;align-items:center;overflow-x:auto;white-space:nowrap}.personal-library-header-titre{font-size:2.8rem;margin:0}.personal-library-header-list{padding:1rem 0 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.personal-library-header-list-link{font-family:Inter;font-size:1.1rem;font-weight:200;color:#5f513f}.personal-library-header-list-btn{background-color:#f4f4f6;border:none;box-shadow:0 2px 10px #0000001a;color:#010100;border-radius:50%;width:25px;height:25px;cursor:pointer;display:flex;justify-content:center}.personal-library-header-list .selected-filter{background-color:#c6ad8e;color:#f4f4f6}.personal-library-header-list .selected-status{border-bottom:1px solid #C6AD8E;color:#c6ad8e}.personal-library-header-list .header-navlink{text-decoration:none}.personal-library-header-filter{padding:1rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:2rem;row-gap:.7rem}.personal-library-header-filter-text{font-family:Inter;font-weight:300;margin:0;padding:0}.personal-library-header-filter .filter-label{font-family:Inter;font-weight:200;font-size:.9rem;margin:0;padding:0}.personal-library-header-filter select{padding:.4rem .6rem;border-radius:6px;border:1px solid #EFEFED;background-color:#fff;font-size:.9rem;width:12rem;min-width:160px}.personal-library-header-filter .create-form{display:flex;gap:.5rem;align-items:center;padding-left:5rem}.personal-library-header-filter .create-form-input{padding:.4rem .6rem;border-radius:6px;border:1px solid #EFEFED;font-size:.9rem}.personal-library-header-filter .create-form-button{padding:.4rem .8rem;background-color:#c6ad8e;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.personal-library-header-filter-libraries{display:flex;flex-direction:column}.personal-library-libraries{padding-bottom:4rem;overflow-x:auto}.personal-library-libraries .library-title{font-family:Inter;color:#5f513f;font-weight:400;font-size:1.7rem;padding:2rem 0;margin:0 auto;text-align:center}.personal-library-libraries .library-empty{display:flex;flex-direction:column;align-items:center}.personal-library-libraries .library-subtitle{font-family:Inter;text-align:center;font-weight:300;font-size:1.3rem;padding:0;color:#5f513f}.personal-library-libraries .library-text{font-family:Inter;text-align:center;max-width:80%;font-weight:150;font-size:1rem;padding:0;margin:0 auto 1rem}.personal-library-libraries .library-add-button{max-width:180px;font-size:1rem;border:none;color:#efefed;background-color:#c6ad8e;box-shadow:0 2px 10px #0000000d;font-weight:300;padding:.5rem 2rem;border-radius:8px;cursor:pointer}.personal-library-libraries .books-list-ul{padding:0;margin:0 auto}.personal-library .addbook-box{background-color:#efefed;position:relative;width:150px;height:220px;margin:0 auto;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:center;align-items:center}.personal-library .addbook-box-btn{font-size:1rem;color:#c6ad8e;background-color:#f4f4f6;box-shadow:0 2px 10px #0000000d;font-weight:300;margin:0;padding:.5rem 1.5rem;border-radius:8px}.personal-library .addbook-box em{font-style:normal;font-size:1.2rem}.test-btn{background-color:#c6ad8e;border:none;color:#fff;border-radius:50%;font-size:1rem;font-weight:400;width:25px;height:25px;padding:0;line-height:1;z-index:2;position:absolute;top:2%;right:17%;display:flex;justify-content:center}.library-background{background-color:#0ff;width:90%;margin:2rem auto;border-radius:8px;background-color:#f4f4f6}.library-menu-list{position:relative}.personal-library-header-filter-wrapper{width:100%;margin-bottom:.5rem;max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px);transition:all .4s ease;display:flex;justify-content:center}.active{max-height:500px;opacity:1;transform:translateY(0)}.animated-book{opacity:0;transform:translateY(20px);animation:fadeInUp .4s ease forwards}.create-form-button:hover,.library-add-button:hover,.personal-library-header-list-btn:hover{background-color:#968164}.personal-library-header-list-link:hover{color:#c6ad8e;font-weight:300}.personal-library-header-list-btn:hover{color:#efefed}.addbook-box-btn:hover{background-color:#c6ad8e;color:#efefed}@media screen and (max-width: 800px){.personal-library-header-titre{margin-top:3rem}}@media screen and (max-width: 630px){.personal-library-header-filter{gap:1rem;flex-direction:column}.personal-library-header-filter-libraries,.personal-library-header-filter-genres{display:flex;flex-direction:column;align-items:center}.personal-library-header-filter .create-form{margin-top:1rem;padding-left:0rem}}.cover-book-img{border-radius:5px}.books-list .books-list-li #book-img .icon-read-toread{background-color:#c6ad8e;width:20%;margin:.5rem;border-radius:5px;padding:.2rem}.register{background-color:#c6ad8e;width:25%;min-width:500px;max-height:90%;padding:3rem 5rem;position:relative}.register-form{height:100%;display:flex;flex-direction:column}.register-form-title{font-size:1.5rem;padding-bottom:.5rem}.register-form-label{padding-bottom:.5rem;margin-top:1.2rem}.register-form-input{border:none;padding:.5rem}.register-form-div{margin-top:2rem}.register-form-button{height:2rem;width:50%;border:none;margin:1rem 0}.register-form-redirection{font-style:italic;font-size:.9rem;color:#f4f4f6;text-decoration:none}.register-form-error{margin-top:.4rem;color:#c42e2e}.register-closeBtn{width:40px;position:absolute;top:2%;right:2%;background:none;border:none;cursor:pointer}@media screen and (max-width: 700px){.register{width:80%;min-width:250px;padding:2rem}}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}.user-profile{background-color:#efefed;padding:0}.user-profile-header{background-color:#efefed;width:100%;margin:0 auto;padding:2rem 0 0;display:flex;flex-direction:column;align-items:center}.user-profile-header-title{font-size:2.8rem;margin:0}.user-profile-header-navlink{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:2rem 0 0;width:100%}.user-profile-header-navlink .user-profile-header-list-link{padding:0 0 .5rem;color:#5f513f;font-family:Inter;font-size:1.3rem;font-weight:300;text-decoration:none;text-align:center;margin:0 1rem 1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem}.user-profile-header-navlink .selected-status{text-decoration:underline;color:#d1bda5}.user-profile-header-navlink .user-profile-header-list-link:hover{color:#c6ad8e}.user-profile-container{background-color:#f4f4f6;flex:1;display:flex;flex-wrap:wrap;font-family:Inter;max-width:1500px;margin:0 auto;padding:5%;justify-content:center;align-items:flex-start;gap:5vw}.user-profile-container .user-data-section{min-width:250px;max-width:480px;width:50vh;display:flex;flex-direction:column}.user-profile-container .user-data-section .user-update-form-title{font-weight:700;font-size:calc(1.3rem + .5vw);text-align:center;margin-bottom:4.5vh;color:#5f513f}.user-profile-container .user-data-section form{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;opacity:0;transform:translateY(-20px);animation:fadeInUp .6s ease forwards}.user-profile-container .user-data-section form label{width:100%;margin:5% 0 0}.user-profile-container .user-data-section form label em{color:#b72f2f}.user-profile-container .user-data-section form input{width:100%;margin:.3vh 0% 0 0;padding:8px;border-radius:4px;border:solid 2px #C6AD8E;background-color:#fff;font-size:.9rem}.user-profile-container .user-data-section form .register-form-error{font-size:.9rem}.user-profile-container .user-data-section form .user-update-form-button{all:unset;background-color:#c6ad8e;text-align:center;color:#efefed;margin:3vh auto 5vh;border-radius:8px;transition:transform .3s ease-in-out;padding:15px 40px;cursor:pointer}.user-profile-container .user-data-section form .user-update-form-button:hover{transform:scale(1.03)}.user-profile-container .user-data-section .user-delete-button{all:unset;background-color:#b72f2f;padding:15px 40px;text-align:center;color:#efefed;border-radius:8px;cursor:pointer;max-width:230px;margin:1vh auto 5vh;transition:transform .3s ease-in-out}.user-profile-container .user-data-section .user-delete-button:hover{transform:scale(1.03)}.user-profile-container #user-libraries-section{display:flex;flex-direction:column;justify-content:center;max-width:800px}.user-profile-container #user-libraries-section #user-libraries-section-title{text-align:center;font-weight:700;font-size:calc(1.3rem + .5vw);margin-bottom:4.5vh;color:#5f513f}.user-profile-container #user-libraries-section #libraries-list{display:flex;margin:0 auto;gap:calc(3vh + 1vw);flex-wrap:wrap;padding-left:0;justify-content:center}.user-profile-container #user-libraries-section #libraries-list .animated-library{opacity:0;transform:translate(-20px);animation:fadeInUp .4s ease forwards}.user-profile-container #user-libraries-section #libraries-list li{width:150px}.user-profile-container #user-libraries-section #libraries-list li .library-name{margin-top:12%;height:50px;font-size:1.3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2rem;line-clamp:1.2rem;max-height:2.5rem}.user-profile-container #user-libraries-section #libraries-list li .library-rename-input{font-size:.9rem;border-radius:5px;margin-top:1rem;padding:1rem;width:100%;height:1.5rem;border:solid 1px #F4F4F6;box-shadow:0 5px 5px #0000000a;opacity:0;transform:translateY(-5px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.user-profile-container #user-libraries-section #libraries-list li .library-update{all:unset;width:100%;background-color:#c6ad8e;text-align:center;color:#efefed;margin:2vh 0 1.5vh;padding:8px 0;border-radius:8px;transition:transform .3s ease-in-out;cursor:pointer}.user-profile-container #user-libraries-section #libraries-list li .library-update:hover{transform:scale(1.03)}.user-profile-container #user-libraries-section #libraries-list li .library-rename{all:unset;width:100%;background-color:#4abb53;text-align:center;color:#efefed;margin:1vh 0 1.5vh;padding:8px 0;border-radius:8px;transition:transform .3s ease-in-out;cursor:pointer}.user-profile-container #user-libraries-section #libraries-list li .library-rename:hover{transform:scale(1.03)}.user-profile-container #user-libraries-section #libraries-list li .library-delete{all:unset;width:100%;background-color:#b72f2f;padding:8px 0;text-align:center;color:#efefed;border-radius:8px;transition:transform .3s ease-in-out;cursor:pointer}.user-profile-container #user-libraries-section #libraries-list li .library-delete:hover{transform:scale(1.03)}.user-profile-container #user-libraries-section #libraries-list a{text-decoration:none}.user-profile-container #user-libraries-section #libraries-list figure .book-img{width:150px;height:220px;box-shadow:0 2px 10px #0000001a}.user-profile-container #user-libraries-section #libraries-list figure .book-img img{position:relative;width:100%;height:100%;object-fit:fill;display:block}.user-profile-container #user-libraries-section #libraries-list figure .no-book-img{flex-direction:column;background-color:#efefed;border-radius:8px;height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:5%}.user-profile-container #user-libraries-section #libraries-list figure .no-book-img .addbook-box-btn{font-size:1rem;color:#c6ad8e;background-color:#f4f4f6;box-shadow:0 2px 10px #0000000d;font-weight:300;margin:.5rem 0 0;padding:.5rem 1.5rem;border-radius:8px;width:100%}.user-profile-container #user-libraries-section #libraries-list figure .no-book-img em{font-style:normal;font-size:1.2rem}.user-profile-container #user-libraries-section #libraries-list figure .no-book-img p{text-align:center;font-size:1rem;text-decoration:none;background-color:#f4f4f6;color:#c6ad8e;border-radius:8px;padding:1.5rem 0rem;margin:0}.user-profile-container #user-libraries-section #libraries-list figure figcaption{font-size:calc(1rem + .5vw);color:#010100;font-family:Inter;text-align:center}.user-profile-container .user-reviews-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.user-profile-container .user-reviews-section-title{text-align:center;font-weight:700;font-size:calc(1.3rem + .5vw);margin-bottom:4.5vh;color:#5f513f}.user-profile-container .user-reviews-section-reviews-container{width:70%}.user-profile-container .user-reviews-section-reviews-container ul{padding:0}.user-profile-container .user-reviews-section-reviews-container-review-container{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:8%;flex-wrap:wrap}.user-profile-container .user-reviews-section-reviews-container-review-container-book-img{width:150px;min-width:150px;height:220px;min-height:220px;box-shadow:0 2px 10px #0000001a;margin-right:2rem}.user-profile-container .user-reviews-section-reviews-container-review-container-book-img img{position:relative;width:100%;height:100%;object-fit:fill;display:block;transition:transform .5s ease-in-out}.user-profile-container .user-reviews-section-reviews-container-review-container-book-img img:hover{transform:scale(1.05)}.user-profile-container .user-reviews-section-reviews-container-review-container-text-container{padding:1rem 0rem 1rem 1.5rem;background-color:#efefed;border-radius:8px;width:calc(100% - 200px);box-sizing:border-box;min-width:300px}.user-profile-container .user-reviews-section-reviews-container-review-container-text-container .author{margin-top:-.8rem;font-weight:400;font-size:.85rem}.user-profile-container .user-reviews-section-reviews-container-review-container-text-container .note{display:flex;margin-top:1rem}.user-profile-container .user-reviews-section-reviews-container-review-container-text-container .note-text{margin-right:.5rem}.user-profile-container .user-reviews-section-reviews-container-review-container-text-container .star{font-size:1.5rem;color:#f5c518;margin-left:.3rem}.user-profile-container .user-reviews-section-reviews-container-review-container-text-container .review-meta{margin-top:1.5rem;font-size:.9rem}.user-profile-container .user-reviews-section-reviews-container-review-container-text-container .reviews-delete-button{all:unset;background-color:#b72f2f;border-radius:8px;padding:5px;transition:transform .3s ease-in-out}.user-profile-container .user-reviews-section-reviews-container-review-container-text-container .reviews-delete-button:hover{transform:scale(1.1);cursor:pointer}.user-profile-container .user-reviews-section-reviews-container-review-container-text-container .reviews-delete-button img{height:20px;width:20px}.fade{transition:opacity .2s ease-in-out;opacity:1}.fade.fade-out{opacity:0}@media screen and (max-width: 800px){.user-profile-header-title{margin-top:3rem}}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}.confirm-delete-message{text-align:center}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}.hidden-background .delete-modal{display:flex;flex-direction:column;align-items:center;background-color:#c6ad8e;width:25%;min-width:500px;padding:3rem 5rem;position:relative;border-radius:8px}.hidden-background .delete-modal-closeBtn{width:40px;position:absolute;top:2%;right:2%;background:none;border:none;color:#fff;cursor:pointer}.hidden-background .delete-modal-closeBtn-img{box-shadow:none}.hidden-background .delete-modal #caution-icon{width:20%;margin-bottom:7%;box-shadow:none}.hidden-background .delete-modal .delete-user-message{text-align:center;margin-bottom:5%}.hidden-background .delete-modal .delete-user-form{display:flex;flex-direction:column;align-items:center}.hidden-background .delete-modal .delete-user-form label{margin:3%;color:#010100}.hidden-background .delete-modal .delete-user-form label em{color:#b72f2f}.hidden-background .delete-modal .delete-user-form input{padding:.4rem .6rem;border-radius:6px;border:1px solid #EFEFED;font-size:.9rem;width:100%}.hidden-background .delete-modal .delete-user-form .register-form-error{margin:3%;text-align:center}.hidden-background .delete-modal .delete-user-form .delete-user-button{all:unset;background-color:#b72f2f;margin:10% 0 0;padding:15px 40px;text-align:center;color:#efefed;border-radius:8px;transition:transform .3s ease-in-out;cursor:pointer}.hidden-background .delete-modal .delete-user-form .delete-user-button:hover{transform:scale(1.03)}@font-face{font-family:Satisfy;src:url(../Font/Satisfy/Satisfy-Regular.ttf)}@font-face{font-family:Inter;src:url(../Font/Inter/Inter-VariableFont_opsz,wght.ttf)}section{flex:1;padding:6vh 2vh;align-items:center;justify-content:center}section img{box-shadow:0 0 15px #0003}section h1{font-size:4rem;margin-bottom:1rem;margin:1rem 0;text-shadow:-1px 6px 9px rgba(0,0,0,.1);font-family:Satisfy;font-weight:100;text-align:center}section h2{font-size:3rem;margin:1.8vh 0;font-family:Satisfy;font-weight:100}section h4{font-weight:400}section p{font-size:medium;margin:.5rem 0;padding-bottom:10px;line-height:1.3rem;letter-spacing:.026rem;word-spacing:.04rem}.hidden-background{color:#f4f4f6;background:#000000b3;position:fixed;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10}.hidden-background .update-modal{display:flex;flex-direction:column;align-items:center;background-color:#c6ad8e;width:25%;min-width:500px;padding:3rem 5rem;position:relative}.hidden-background .update-modal #validation-icon{width:20%;margin-bottom:7%;box-shadow:none}.hidden-background .update-modal-closeBtn{width:40px;position:absolute;top:2%;right:2%;background:none;border:none;color:#fff;cursor:pointer}.hidden-background .update-modal-closeBtn-img{box-shadow:none}