/* css reset rule */
* {
    margin: 0; padding: 0;box-sizing: border-box;

}

body{
    font-family: "Montserrat", sans-serif;
    background-color: lightblue;
    color: white, black;
    border: 2px solid steelblue;
    padding-block: 20px;
    margin: 10px;
    padding: 15px;
    text-align: left;

}

header {
    border: 8px;
    padding: 20px;
    text-align: center;
    width: 70%;
    background-color: steelblue;
    margin: 2px auto;
    border-radius: 20px;
}

header a{
    color: white;
}

header a:hover {
    color: navy;
}

header > h1 {
    text-align: center;
    font-weight: heavy;
    border-bottom: 4px solid navy;
}

section.intro {
    padding: 15px;
}

.process {
    margin: 20px 30px;
    min-height: 400px;
    background-color: steelblue;
    display: flex;
    border-radius: 6px;
    text-decoration: none; /* get rid of underline on links */
    color: black;
}
.process figcaption {
    flex: 0 0 50%;
    border-radius: 6px 0 0 6px;
}

.process figcaption h2 {
    margin:16px;
    line-height: 1.4;
}

.process figcaption p {
    margin:16px;
    line-height: 1.6;
}

.process figure {
    background-color: pink;
    flex: 80%;
    background-image: url(/cis195/hobby/images/sandwichloaf.pic);
    background-size: cover;
    background-position: right;
    border-radius: 0 6px 6px 0;

}
section.links {


}
/*------------------history_text_1------------------*/
section.history_text_1 {
    padding: 15px;
}

.history_text_1 {
    margin: 20px 30px;
    min-height: 400px;
    background-color: steelblue;
    display: flex;
    border-radius: 6px;
    text-decoration: none; /* get rid of underline on links */
    color: black;
}
.history_text_1 figcaption {
    flex: 0 0 50%;
    border-radius: 6px 0 0 6px;
}

.history_text_1 figcaption h2 {
    margin:16px;
    line-height: 1.4;
}

.history_text_1 figcaption p {
    margin:16px;
    line-height: 1.6;
}

.history_text_1 figure {
    background-color: pink;
    flex: 50%;
    background-image: url(/cis195/hobby/images/egypt_history.webp);
    background-size: cover;
    background-position: right;
    border-radius: 0 6px 6px 0;

}
/*------------------histort_text_2------------------*/
section.history_text_2 {
    padding: 15px;
}

.history_text_2 {
    margin: 20px 30px;
    min-height: 400px;
    background-color: steelblue;
    display: flex;
    border-radius: 6px;
    text-decoration: none; /* get rid of underline on links */
    color: black;
}
.history_text_2 figcaption {
    flex: 0% 0% 50%;
    border-radius: 6px 0 0 6px;
}

.history_text_2 figcaption h2 {
    margin:16px;
    line-height: 1.4;
}

.history_text_2 figcaption p {
    margin:16px;
    line-height: 1.6;
}

.history_text_2 figure {
    background-color: pink;
    flex: 80%;
    background-image: url(/cis195/hobby/images/starter_loaf.jpg);
    background-size: cover;
    background-position: left;
    border-radius: 0 6px 6px 0;

}
footer {
padding: 15px;

}