body,html{
    height:100%;
    margin:0px;
}


.image-section{
    min-height:100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; /*this will make the parallax effect by keeping image in place */

}


.procedure{
    background-color: firebrick;
    color:white;
    padding: 10px 50px;
    height:50vh;
    font-size: 49px;

}

h1{
    font-size: 100px;
    color: white;
    text-shadow: 5px 5px black;
    background-color: rgba(0,0,0,.2);
    padding:10px;
}

.pizzasign{
    background-image: url("../images/pizzasign.jpg");
    display:flex;
    justify-content: center;
    align-items: center;
}

.dough{
    background-image: url("../images/dough.jpg");
}

.sauce{
    background-image: url("../images/sauce.jpg");
}

.cheese{
    background-image: url("../images/cheese.jpg");
}

.bake{
    background-image: url("../images/bakepizza.jpg");
}

.eat{
    background-image: url("../images/eatpizza.jpg");
}