/*BOOK*/

    .bookcontainer{
        
        position: absolute;
        left: 0;
        height: auto;
        width: 225px;
        padding: 20px;
        
        overflow-x:hidden;
        overflow-y:scroll;
        
    }
    
    .bookcontainer:hover{
        
        cursor:pointer;
        
    }
    
    .book{
     
        position: relative;
        margin-left: 15%;
        margin-right: 15%;
        height: auto;
        width: 70%;
        
    }
    
    .bookinfo{
        
        display: block;
        position: relative;
        text-align: center;
        width: 100%;
        height: auto;
        vertical-align: middle;
        margin-bottom: 20px;
        
    }

/*BOOK PAGE*/

.books{
    
    position: absolute;
    
    bottom: 0;
    right:0;
    
    width:calc(100% - 265px);
    min-height:30px;
    height:auto;
    
}

.otherbook{
    
    position: relative;
    float: left;
    
    border: solid var(--lines) 1px;
        
    background-color: ghostwhite;
    
    margin-left:10px;
    margin-bottom:5px;
    padding:1px;
    
}

.otherbook:hover{
    
    background-color: violet;
    cursor: pointer;
    
}

.gallery{
    
    position: absolute;
    
    top:105px;
    height: calc(100% - 250px);
    width: 100%;
    
    overflow-x: scroll;
    overflow-y: hidden;
}

.slider{
    
    position: relative;
    float: left;
    width:auto;
    height:100%;
    
    padding-left:290px;
    padding-right:70px;
}

table{
    
    position: relative;
    max-height:100%;
    
}

tr{
    position: relative;
max-height:100%;    
    
}

th{
    font-weight: italic;
    position: relative;
    height:100%;
    
}

.caption{
    
    position: absolute;
    bottom:100px;
    left:50%;
    transform: translateX(-50%);
    background: ghostwhite;
    
    display:none;
    
}

.page{
    position: relative;
    float: left;
    height: calc(100vh - 250px);
    
    margin-left: 50px;
    margin-right: 50px;
    
}

.description{
    
    position:relative;
    display:block;
    float: left;
    
    width:100%;
    height:auto;
    
}