*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff;font-size:16px}p{font-size:14px;color:#000}a{text-decoration:none}li{list-style:none}input{background:none;border:none;outline:none}button{border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:20px}.myBooks{width:100%;height:auto;display:flex;flex-direction:column;gap:10px}.myBooks__aside{width:100%;padding:30px;display:flex;flex-direction:column;gap:10px}.myBooks__card{width:100%;padding:1rem;border-radius:10px;box-shadow:0 0 10px 1px #0000004b;display:flex;gap:20px;position:relative}.myBooks__card--img{width:80px;min-height:100%;height:auto;border-radius:5px;background-position:center;background-size:cover;background-repeat:no-repeat}.myBooks__card--img:after{width:90%;height:80%;border-radius:5px;background:inherit;content:"";filter:blur(20px) saturate(2);scale:1;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;z-index:-10}.mybooks__card--estado{color:#b4f399}@media (min-width: 600px){.myBooks{width:100%;height:90vh;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;align-content:flex-start;gap:10px}.myBooks__aside{width:25%;height:90vh;padding:20px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;box-shadow:0 0 10px 1px #0000004d}}.mobile__btn{display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--btn-backgound, transparent);box-shadow:0 0 10px 2px var(--btn-backgound, transparent);padding:10px;border-radius:50%}.mobile__btn--img{width:50px;height:50px}.mobile__btn--text{display:none}@media (min-width: 600px){.mobile__btn{width:100%;height:100%;border-radius:10px}.mobile__btn--text{display:block}}.nav{width:100%;height:10vh;background:#000000e0;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index:1000;display:flex;align-items:center;padding:10px;transition:all .4s ease;position:static}.nav.fixed{position:fixed;top:0}.nav__title{width:50%}.nav__user{width:50%;display:flex;justify-content:flex-end}.nav__options{display:none}@media (min-width: 600px){.nav{width:100%;height:10vh;position:sticky;top:0;border-radius:0;display:flex;align-items:center;justify-content:space-between}.nav__options{width:50%;display:flex;align-items:center;justify-content:center;gap:20px}.nav__options li{height:auto;display:flex;align-items:center;justify-content:center;gap:10px}.nav__title{width:33%}.nav__user{width:33%;display:flex;justify-content:flex-end}}.layout{width:100%;position:relative}.layout__footer{background:#000000e0;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);width:100%;padding:20px;display:flex;justify-content:center;position:fixed;bottom:0;left:0;gap:20px;border-radius:20px 20px 0 0}@media (min-width: 600px){.layout{width:100%;display:flex;flex-direction:column}.layout__footer{display:none}}.user{padding:10px;display:flex;flex-direction:column;gap:20px;background:#f5f5f5;margin-bottom:70px}.user__info{display:flex;align-items:flex-start;justify-content:flex-start;background:#fff;padding:30px;border-radius:30px;box-shadow:0 0 10px 1px #0003}.user__info img{width:100px;height:100px;border-radius:50%;margin-right:20px}.user__info--data h1{color:#7c7c7c}.user__info--data button{border-radius:10px;background:#c43342;box-shadow:0 0 10px 1px #c43342;margin-top:10px;padding:15px}.user__section{display:flex;flex-direction:column;background:#fff;padding:30px;border-radius:30px;box-shadow:0 0 10px 1px #0003}.user__form{width:100%;display:flex;flex-direction:column;gap:10px}.user__form--names{width:100%;display:flex;gap:20px}.user__form--names div{width:50%;display:flex;flex-direction:column;gap:10px}.user__section h1{color:#7c7c7c}.user__form--input{width:100%;background:#f5f5f5;padding:10px;border-radius:10px;color:#7c7c7c}.user__form--button{width:50%;border-radius:10px;padding:15px}.user__form--buttons{width:100%;display:flex;gap:20px}.border__blue{border:2px solid #0d47a1;color:#0d47a1;background:none}.blue{background:#0d47a1;box-shadow:0 0 10px 1px #0d47a1}.border__purple{border:2px solid #9c27b0;color:#9c27b0;background:none}.purple{background:#9c27b0;box-shadow:0 0 10px 1px #9c27b0}@media (min-width: 600px){.user{padding:30px;align-items:center;margin-bottom:0}.user__info{width:1000px;align-items:flex-end}.user__info img{width:150px;height:150px}.user__section{width:1000px}}.card__link{width:100%;height:auto}.card{width:100%;height:500px;border-radius:24px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:#0000004d;box-shadow:#0006 0 4px 12px;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);transition:all .5s ease-in-out}.card__img{width:100%;height:70%;border-radius:20px;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;position:relative}.card__title{max-height:60px;overflow-y:auto;font-size:20px}.card__img:after{width:100%;height:150%;background:inherit;content:"";filter:blur(100px) saturate(5);scale:1;position:absolute;top:0;left:0;z-index:-10}.card__footer{width:100%;display:flex;justify-content:space-between}@media (min-width: 600px){.card__link{width:280px;height:auto}.card{height:350px}.card:hover{transform:scale(1.1)}}.books{width:100%;height:auto;min-height:90vh;padding:0 30px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:30px}.books__form{width:100%;padding:20px 0;display:flex}.books__form--input{width:70%;padding:10px;border-radius:10px 0 0 10px;outline:none;color:#000;border:1px solid #000}.books__form--btn{width:30%;padding:20px;border-radius:0 10px 10px 0;border:1px;background:#000;transition:all .3s ease-in-out}@media (min-width: 600px){.books{width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:30px}}.bookDetail{width:100%;min-height:90vh;display:flex;flex-direction:column;gap:30px;background:#f5f5f5;padding:20px;margin-bottom:80px}.bookDetail__data{width:100%;height:100%;padding:30px;background:#fff;display:flex;flex-direction:column;border-radius:30px;box-shadow:0 0 10px 1px #0003}.bookDetail__data img{width:100%;height:50%;border-radius:10px}.bookDetail__data--inf{width:100%;height:50%;display:flex;flex-direction:column;justify-content:center;padding:10px;gap:5px}.title{font-weight:700;color:#565656}.bookDetail__data--btn{background:#0d47a1;box-shadow:0 0 10px 2px #0d47a1;border-radius:10px}.bookDetail__info{width:100%;height:100%;background:#fff;box-shadow:0 0 10px 1px #0003;padding:30px;border-radius:30px}.bookDetail__info--title{font-size:35px;color:#565656;font-weight:700}.bookDetail__data h1{color:#dc143c}@media (min-width: 600px){.bookDetail{height:90vh;flex-direction:row;margin-bottom:0}.bookDetail__data{width:20%}.bookDetail__info{width:80%;padding:100px}}.login{width:100%;height:100vh;background:linear-gradient(135deg,#1e1e28,#2c2c3a)}.login img{width:100%}.login__form{width:100%;height:100vh;padding:30px;-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.login__form--input{width:100%;border-bottom:1px solid white;color:#fff;padding:20px 0}.login__form--btn{width:100%;border-radius:10px;background:#c43342;box-shadow:0 0 20px 2px #c43342}@media (min-width: 600px){.login{display:flex;align-items:center;justify-content:center}.login__form{width:400px;height:500px;box-shadow:0 0 20px 2px #1e1e28;border-radius:10px;padding:30px;-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px)}.login__form img{width:50%}}.readBook{width:100%;min-height:90vh;display:flex;flex-direction:column;position:relative;padding:30px;gap:20px}.readBook__page{width:100%;display:flex;align-items:center;justify-content:space-between}.readBook__index{width:50px;height:50px;background:#9c27b0;box-shadow:0 0 20px 2px #9c27b0;display:flex;align-items:center;justify-content:center;border-radius:50%}.readBook__buttons{width:100%;display:flex;flex-direction:row;position:absolute;bottom:0;left:0}.readBook__buttons button{width:50%;background:#000;box-shadow:0 0 20px 2px #000}