.name-tag-book {
    padding: 0;
    margin: 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(12px);
    text-align: center;
    align-self: center;
    justify-content: flex-end;
    flex-direction: column;
    display: flex;
    align-items: center;
    color: #ffffff;
    border-radius: 8px;
    width: 100%;
    height: 6em;
    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to top, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
}

.stat-tag-bookP {
    padding: 2px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #EFD090;
    color: #382410;
    border-radius: 12px;
    font-size: 2vh;
    height: 2em;
    width: 5em;
}

.stat-tag-bookA {
    padding: 2px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #b4ef90;
    color: #10381a;
    border-radius: 12px;
    border-radius: 12px;
    font-size: 2vh;
    height: 2em;
    width: 6em;
}

.stat-tag-bookF {
    padding: 2px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ef9090;
    color: #381010;
    border-radius: 12px;
    border-radius: 12px;
    font-size: 2vh;
    height: 2em;
    width: 5em;
}