.main {
	width: 100%;
	max-width: 800px;
}

header {
    background: rgb(130,39,11);
    /* background: linear-gradient(63deg, rgba(130,39,11,1) 1%, rgba(255,250,0,1) 100%);  */
    background: linear-gradient(63deg, rgb(130, 39, 11) 1%, rgb(226, 164, 15) 100%)
}

#reader {
	margin-bottom: 1rem;
}

.book.card {
    height: 100%;
 }

.book.card .row {
    height: 100%;
 }

.book-img-col img { 
    height: 100%;
}

form th {
    vertical-align: top;
}

form .errorlist {
    color: darkred;
}

form .helptext {
    color: dimgray;
}

table {
}
table td {
    white-space: nowrap;
}

#loading-indicator {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.5);
    padding-top: 45vh;
}
#loading-indicator .col-auto {
    text-align:center;
}

footer {
    background: linear-gradient(173deg, rgb(236, 235, 235) 1%, rgb(255, 255, 255) 100%); 
}

i.icon {
    font-size: 1.2rem;
}

#goodreads-widget {
    width:40rem;
    max-width: 100%;
    border-left:2px solid rgb(236, 235, 235);
    padding-left: 1rem;
}

#goodreads-widget iframe {
    width: 100%;
    height: 20rem;
}