body{
    margin: 0px 10px 0px 10px;
    padding: 0px;
    background-color: #DCDCDD;
    color: #46494C
}
#app{
    display: grid;
    grid-template-areas: "app_header"
                         "app_body"
                         "app_footer";
    grid-template-rows: 5vh 90vh 5vh;
    max-height: 100%
}
.app_header{
    grid-area: app_header;
    display: grid;
    grid-template-areas: "title slogan";
    align-items: center;
}
.app_hdr{
    grid-area: title;
    margin: 0px;
    font-family: 'Audiowide', cursive;
    font-size: 25px;
    text-align: start;
}
.shadow{
    text-shadow: #4c5c68 -5px 3px 5px;
}
.app_subhdr{
    grid-area: slogan;
    margin: 0px;
    font-family: 'Audiowide', cursive;
    font-size: 18px;
    text-shadow: #4c5c68 -5px 3px 5px;
    text-align: end;
}
.app_body{
    display: grid;
    grid-area: app_body;
    grid-template-columns: 20% 80%;
    grid-template-areas: "left_col  shelf";
}
.app_footer{
    grid-area: app_footer;
}
.left_col{
    grid-area: left_col
}
.shelf{
    grid-area: shelf;
    margin: 0px 0px;
    padding: 0px;
    list-style-type: none;
}
.shelf_contents{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.right_col{
    grid-area: right_col
}
.python_logo{

}
#python_logo{
    height: 50px;
    width: 91px;
}
#book_shelf{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    list-style-type: none;
}
.shelf_item{

}
.book_thumb{
    width: 300px;
    height: 375px;
}