body{
    background: beige;
    font-family: "Garamond";
    font-size: 18px;
    /* background-image: url("berries.jpg"); */
    

}
h1{
    color: seagreen;
   
    width: 70%;
    padding: 8px;
    
}
h2{
    border-bottom: 2px solid gainsboro;

    background-image: linear-gradient(90deg,wheat, rgba(0,0,0,0));
    padding: 8px;
    margin: 0px;
    


}
.outline-2 {
    width: 90%;
    
    
}
.outline-text-2{

    padding: 10px;
    margin: 8px;
    margin-top: 0;
}

/* #footnotes{ */

/*     position: fixed; */
/*     right: 24px; */
/*     bottom: 24px; */
/* } */

.verse{
    left: 24px;
    background: lightyellow;
    width: fit-content;
    padding: 8px;
    position: relative;
    border: 1px dotted maroon;
    border-radius: 4px;

}

#table-of-contents{
    background: cornsilk;
    border: 2px dotted darkgray;
    padding: 0px;
    position: fixed;
    top: 10px;
    right: 10px;
    width: 20%;
}
.content{
    padding: 10px;
    width: 70%;
   /* border: 2px solid lightgray;*/
    margin-top: 10px;
    margin-left: 20px;
    
    
}


.status {
    margin-top: 20px;
    /* border: 1px dashed grey; */
    /* width: fit-content; */
    padding: 10px; 
    /* border-radius: 8px; */
    /* margin-right: 0; */


}

.src{
    background: lightgrey;
    padding:10px;
    border-radius: 8px;
}