*{

}

body{
  background-image: url("background.jpg"); 
  background-position: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  color:whitesmoke;
}

h2{
  text-align:center;
}

.search{
  justify-content:right;
}

.form{
  background-color: rgba(0,0,0.60);
  padding:10px;
}

.home{ 
  background-color: rgba(0,0,0,0.60);
  text-align:center;
  img-width: 70%;
}

.about{
  background-color: rgba(0,0,0.60);
  padding:10px;
  justify-content: center;
}

.categories{ 
  display: flex;
  justify-content:center;
  align-items: center;
}

.categories img{
  width: 30%;
  height: 30%;
}

.snacks{
  height: 50%;
  width:50%;
  margin: 10px;
  text-align:center;
  background: white;
  color: black;
}

.container{
  background-color: rgba(0,0,0.60);
  padding:10px;
}

.container img{
  justify-content: center;
  img-width: 100%;
}

.desserts{
  height: 50%;
  width:50%;
  margin: 10px;
  text-align:center;
  background: white;
  color: black;
}

.card{
  text-align:center;
  justify-content: center;
  margin: 30px;
  height: 20%;
  width: 90%;
  color:whitesmoke;
  background-color: rgba(0,0,0.60);
}


.footer{
  text-align:center;
  background-color: lightgrey;
  color:whitesmoke;
  padding:20px;
}