body{
    background-image: url(libbg.png);
    width: 80%;
    margin: auto;
    color: black;
    max-width: 1900px;
    font-family: 'Courier';
}

.main{
    width: 100%;
    max-width: 1800px;
    border: 5px solid rgb(120, 66, 64);
    margin: auto;
    box-shadow: 0px 0px 16px black;
    background-color: rgb(120, 66, 64);
    outline: 2.5px solid black;
    position: relative;
    z-index: 0;
}

.shelf{
    height: 300px;
    width: 99.25%;
    background-image: linear-gradient(rgb(54, 26, 23) 25%,rgb(68, 36, 32),rgb(109, 60, 58));
    border: 5px solid rgb(120, 66, 64);
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}

a{
    color: black;
    font-weight: bold;
}

.navigation{
    background-image: linear-gradient(#62851c,#82af27);
    background-color: #9acd32;
    text-align: center;
    height: 14.5pc;
    width: 40%;
    max-width: 12pc;
    min-width: 8pc;
    padding: 1pc;
    font-size: 18px;
    float: right;
    margin: 5% 0% 0% -100%;
    position: relative;
    box-shadow: -4px 6px 8px rgba(0, 0, 0, 0.687);
    white-space: initial;
    outline: 2.5px solid black;
    z-index: 5;
}

.PC{
    margin: 3px -10px 0px 2%;
    border: 20px inset grey;
    width: 60%;
    max-width: 600px;
    aspect-ratio: 1/0.8;
    outline: 2.5px solid black;
    position: relative;
    z-index: 0;
}

.jump{
    background-image: linear-gradient(rgb(221, 238, 210),rgb(185, 218, 177));
    background-color: rgb(221, 238, 210);
    position: fixed;
    z-index: 100;
    right: 20px;
    bottom: 20px;
    padding: 1pc;
    text-align: center;
    font-weight: bold;
    outline: 2.5px solid black;
}

.label{
    background-image: linear-gradient(rgb(221, 238, 210),rgb(185, 218, 177));
    background-color: rgb(221, 238, 210);
    margin: 0px 0px 0px 3px;
    width: 158px;
    padding: 1pt;
    text-align: center;
    font-size: large;
    font-weight: bold;
    box-shadow: 12px 15px 20px rgba(0, 0, 0, 0.518);
    border-top: 8px dashed rgba(241, 255, 232, 0.518);
    position: relative;
    z-index: 5;
}

.book{
    height: 245px;
    margin: -20px -90px 0px 30px;
    box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.518);
    position: relative;
    z-index: 2;
}

.book:hover{
    margin: -56px -20px 10px 100px;
    height: 275px;
    position: relative;
}

.description{
    background-color: yellowgreen;
    padding: 1pt;
    float: left;
    position: relative;
    z-index: 99;
    visibility: visible;
    margin: 0px -100% 0px 0px;
}

.bruh{
    background-image: linear-gradient(#62851c,#82af27);
    background-color: #9acd32;
    width: 200px;
    padding: 1pc;
    margin: auto;
    white-space: initial;
    text-align: center;
    position: relative;
    z-index: 0;
}