.book{position:relative;max-width:180px;min-width:180px;height:400px;border-radius:10px;font-size:18px;cursor:pointer;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:1000px){.book{max-width:140px;min-width:140px}}@media(max-width:800px){.book{max-width:90px;min-width:90px;height:280px;font-size:14px}}@media(max-width:480px){.book{font-size:13px}}.book__author{color:#a09e9e;font-weight:400;padding-bottom:10px;font-size:.8em}.book__name{padding:0;margin:0;font-weight:500;color:#383838;font-size:.8em;font-weight:700}.book__name-small{font-size:.8em;color:#0084ff}.book__image{min-width:100%;max-width:100%;height:70%;object-fit:cover;border-radius:15px;border:1px solid rgba(0,0,0,0);transition:transform .3s ease}@media(max-width:800px){.book__image{max-height:140px;font-size:14px}}.book:hover>.book__author,.book:hover>.book__name{color:#0084ff}.book:hover .book__image{transform:scale(1.03);transition-delay:50ms;border-color:#54c3ec}.book:hover .book__name{color:#0084ff}.book__level{position:absolute;left:3px;top:-5px;height:40px;padding:5px;font-weight:700;display:flex;flex-direction:row;opacity:.9}.book__level-body{display:flex;flex-direction:column;background-color:#faf068;position:relative;width:28px;text-align:center;padding-top:10px}@media(max-width:800px){.book__level-body{width:20px}}.book__level-arrow{font-size:35px;position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);color:#342d24;color:#faf068}@media(max-width:800px){.book__level-arrow{font-size:25px;top:80%}}.book-wide{position:relative;max-width:380px;min-width:380px;height:350px;border-radius:10px;font-size:18px;cursor:pointer;overflow:hidden}@media(max-width:1000px){.book-wide{max-width:3200px;min-width:320px;height:300px}}@media(max-width:800px){.book-wide{max-width:190px;min-width:190px;height:180px;font-size:14px}}.book-wide__image{min-width:100%;max-width:100%;height:70%;object-fit:cover;border-radius:15px;border:1px solid rgba(0,0,0,0);transition:transform .3s ease}.book-wide:hover .book__image{transform:scale(1.03);transition-delay:50ms;border-color:#54c3ec}.book-wide:hover .book__name{color:#0084ff}.book-wide:hover .book-wide__image{transform:scale(1.03);transition-delay:50ms}.main-gradient{background:linear-gradient(325deg,rgb(0,132,255),rgb(152,148,209));background:linear-gradient(325deg,#a100ff,#ff0068);border-bottom:navy}.recent-book{background-color:rgba(225,203,246,.9);height:100px;width:300px;left:10px;bottom:30px;z-index:10;padding:10px;position:absolute;display:flex;gap:20px;color:#726a6a;cursor:pointer;border:1px solid rgba(0,0,0,0);border-radius:10px}.recent-book:hover{filter:brightness(1.1);color:#0084ff}@media(max-width:800px){.recent-book{width:250px}}@media(max-width:480px){.recent-book{left:50%;transform:translateX(-50%);bottom:80px;width:250px}}.recent-book__close{right:-20px;top:-22px;color:#8a2be2;cursor:pointer;position:absolute;font-size:20px}.recent-book__close :hover{color:red}.recent-book__image{border-radius:5px;object-fit:cover}.recent-book__desc{display:flex;flex-direction:column;gap:10px}@media(max-width:800px){.recent-book__desc h3{font-size:15px}}@media(max-width:480px){.recent-book__desc small{height:15px;overflow:hidden}}