*{
 margin : 0;
 padding: 0;
 box-sizing: border-box;
}

body {
    font-family: Menlo, Monaco, "Courier New", monospace;
    margin:  20px;
}

a {
    color: black;
}

a:hover {
    background-color: silver;
}


li {
    margin-left: 30px;
    position: fixed;
}


table {
    /*width: calc(100% - 150px);*/
    width: 100%;
    margin-left: -3px;
}

td {
  padding-right: 1em;
  vertical-align: top;
  border-bottom: 1px solid dodgerblue;
  line-height: 18pt;
}

tr:hover {
    background-color: gainsboro;
}

.firstrow:hover {
    background-color: white;
}



@media screen and (max-width: 704px) {
    .home, .library, .desk, .patio, .misc {
        width: 100px;
    }

    .content {
        width: calc(100% - 100px);
        left: 100px;
    }

    .category {
        display: none;
    }

    .publisher {
        display: none;
    }
}