body{
    margin:0px;
    padding:0px;
  }
  h2{
      margin-bottom: 20px;
  }
  h4{
      margin: 20px 0px;
  }
  .callout h5{
      border: 2px greenyellow solid;
      padding: 4px;
  }
  #logo img{
      height:400px;
      object-fit: cover;
  }
  .carousel img{
    height: 400px;
    object-fit: cover;
  }
  .carousel-caption{
    background-color: #343a40;
    position:relative;
    left:0px;
  }
  .carousel h5{
    font-size: 40px;
  }
  .container {
    padding:20px;
  }
  .card img{
    height:200px;
    object-fit:cover;
  }
  #footer{
    background-color: #343a40;
    color:white;
    
  }
  #footer p{
    margin:0px;
    padding: 15px;
  }

  .btn-primary{
    background-color: rgb(248, 53, 112);
    border-color: rgb(253, 42, 106);
}
.btn-primary:hover{
    background-color: greenyellow;
    border-color: rgb(168, 255, 37);
}
.recipe-img {
    margin-top: 20px;
    margin-bottom: 20px;
    max-height: 350px;
    max-width: 500px;
}