:root{
    --bg1: #002b36;
    --bg2: #073642;
    --content1: #586e75;
    --content2: #657b83;
    --content3: #839496;
    --content4: #93a1a1;
    --lbg1: #eee8d5;
    --lbg2: #fdf6e3;
}

table tbody tr:nth-child(odd){
    background-color: var(--content1);
}
table tbody tr:nth-child(even) {
    background-color: var(--content4);
}

body{
    background-color: var(--bg1);
    color: white;
}

h1 {
    display: flex;
    justify-content: center;
}

table {
    border-collapse:collapse;
    background-color: var(--bg2);
}

thead {
    background-color: var(--base1);
}

tbody {
    background-color: var(--base0);
}

tr {
    max-height: 250px;
    background-color: inherit;
}

img {
    max-height: inherit;
    max-width: inherit;
}

.image-div {
    max-height: inherit;
    width: 15%;
}

.namedesc-div {
    width: 30%;
}

.reading-date {
    width: 5%;
}

td {
    text-align: center;
    background-color: none;
}

.name {
    font-weight: bold;
}