dessert.css

body {
  background-color: #b23939;

}
.foodgroup {
  background-image:url(https://static1.squarespace.com/static/5aac12539d5abb5e3438b8ab/t/5b67c77088251b17547be891/1533527990027/food-vegetables-meal-breakfast_FADED+TWO.png);
  padding: 100px 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: 'Playfair Display', serif;
  text-align: center;
  font-size: 75px;
  color: #ff9681;
}



div {
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin:0 auto;
  position: relative;
  margin: 40px 0 0 250px;
  border-radius: 12px;
  max-width: 900px;

}


.recipe1 {
  background: url("https://img.taste.com.au/ZlmCeL6M/w720-h480-cfill-q80/taste/2016/11/deep-fried-ice-cream-55219-1.jpeg"); <!-- url of recipe image here -->
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}


.recipe2 {
  background: url("https://media-cdn.tripadvisor.com/media/photo-s/10/3b/c3/48/mango-bingsu.jpg"); <!-- url of recipe image here -->
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}


.recipe3 {
  background: url("http://cdn.sheknows.com/articles/2013/01/Mike/chefmom/971631/fudge-mocha-brownie.jpg"); <!-- url of recipe image here -->
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.recipe4 {
  background: url("https://www.nutmegnanny.com/wp-content/uploads/2017/03/peanut-butter-nutella-rice-krispie-treats-2.jpg"); <!-- url of recipe image here -->
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


p {
  color:  #000000;
  background: #8f8d8e;
  background:-webkit-linear-gradient(bottom,rgba(143,141,142,1), rgba(143,141,142,.4));
  background:-moz-linear-gradient(bottom,rgba(143,141,142,1), rgba(143,141,142,.4));
  padding: 10px;
  line-height: 28px;
  text-align: justify;
  position: absolute;
  bottom: 0;
  margin: 0;
  font-family: 'Aref Ruqaa', serif;
  font-size: 20px;
  color:#430082;

}


.price {
  float: right;
}

.navbar {
    margin-bottom: 0;
    background-color: #430082;
    opacity: 0.8;
    z-index: 9999;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0

}

.navbar li a, .navbar .navbar-brand {
    color: #fff !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #38174f !important;
    background-color: #fff !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}