/*Joy's Sourdough CSS Code*/

/*customizing texts (and background)*/
body {
    background-color: rgb(247, 225, 197);
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

h1 {
    color: rgb(167, 47, 47);
    text-align: center;
    font-size: xx-large;
    background-color: beige;
    border: solid rgb(103, 4, 4);
    margin: 50px;
    padding-right: 5px;
    padding-left: 5px;
}

h2 {
    color: rgb(167, 47, 47);
    background-color: blanchedalmond;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    border: dotted;
    padding: 5px;
    clear: left;
}

/*bread section custom*/

.top {
    overflow:scroll;
}

/*link custom*/
#johns-link:visited {
        color: black;
}

#johns-link:active {
        color: brown;
}

#johns-link:hover {
        color: brown;
}

/*to customize my photo and the ingredients section*/
#sourdough_ingredients {
    overflow: auto;
    margin: 20px 0;
}

img {
    float: left;
    margin-right: 20px;
    overflow: auto;
    margin: 50px;
    border: solid rgb(167, 47, 47);
}

#ingredients {
    float: right;
    width: 40%;
    background-color: rgb(69, 63, 56);
    border: 5px solid black;
    border-radius: 15px;
    padding: 15px;
    
}

ul li:first-child {
    color: brown;
}

ul li:last-child{
    color: rgb(132, 100, 20)
}

ul li:nth-child(4){
    color: blueviolet;
}
/*direction section customize*/


/*chef's notes*/
#chef {
    text-align: center;
}

/*nutrition information*/
.nutrition tr:nth-of-type(1) {
    color: rgb(121, 21, 5);
}
.nutrition {
    overflow:auto;
    background-color: burlywood;
    padding: 20px;
    border-radius: 67px; /*haha*/
    max-height: 500px;
}