body {font-size: 3em; margin: 0; padding: 0; font-family: "Nachlieli CLM", Arial, Sans;}
a {color: black; text-decoration:none;}
h1 {margin: 0; padding: 0 .2em; font-size: 1.5em; background-color: #34495E; color:#fff;}

ul {list-style: none; padding: 0; margin: 0;}
ul li a {padding: .15em; display: block;}

ul li.odd {background-color: #eee;}

ul.chapters li {display:inline-block; border: 1px solid #8b7e66; margin: .5em;}
ul.chapters li a {padding: .1em .5em;}

#topbar {background-color: #34495E; text-align:center; color:#fff;}
#location {line-height: 2em;}
#location h1 {display: inline;}
#location #explain {font-size: .5em; line-height: 1em;}

#main {text-align: justify; font-size: 0.7em;}
#main #text {padding: .4em;}
#text #prev {float: right; margin-left: 1em;}
#text #next {float: left; margin-left: .2em;}
#text #prev, #text #next {padding: 0 .3em; background-color: #2980b9; color:#fff; font-size: .9em;}

#main input, #main select, #main button {font-size: 1em;}

.error {background-color: #ffd9d9; color: #8a0000; border: 2px solid red; padding: .2em .5em;}
.highlight {background-color: yellow}

button, a.button {background: #F1C40F; color:#fff;text-align:center; display:block; border:0 none; padding:0.5em 2em; }
/*
ul.books {display:flex; flex-wrap:wrap;}
ul.books li {flex-grow: 1;flex-basis: 33%; text-align: center;}
*/
ul.books li {display:inline-block; width: 33%; text-align: center;}

#footer a {background:#555; padding:1em 0;}