body {
  background-color:#ffd9e7;
  padding-top:30px;
  font-family: 'Playfair Display', serif;
  text-align: center;
}
#hunger, #environmental, #animals{
  display: table;
  width: 100%;
  
}
h3{
  text-align:center;
  margin:15px;
  font-size:25px;
}
.opp {
  display: table-cell;
  background-color:white;
  border: 3px solid black;
 padding:15px;
   display: inline-block;
 margin: 15px;
  width: 600px;


}

h1, h2 {
  text-align: center;
}
button {
  font-family: 'Playfair Display', serif;
  background-color: white;
 padding: 20px;
  margin-bottom: 30px;
  width: 170px;
  height: 170px;
  margin-left: 10px;
  margin-right: 10px;
  box-shadow: 1px 1px 0px 2px #333;
}
#categories {
  text-align: center;
}

hr{
  width:85%;
  padding:2px;
  background-color: white;
  border: none;
}

#communityicon{
  width: 150px;
  text-align: center;
  float: center;
}

button > img {
  float: button;
  width: 70px;
}

.opp {

  width: 280px;
  height: 550px;
  margin: 10px;
  padding: 20px;
  background-color: white;
  border-radius: 10px;
  box-shadow: 1px 1px 0px 2px #333;
  transition: 0.3s all ease;
  
  
  
}

nav{
  position: fixed;
  background-color:#ffffff;
  border:5px solid #c0d1c6;
  padding: 15px;
  width:100%;
   top:0%;
  left:0%;
  right:0%;
 font-size: 20px;
  
}

nav > a{
  margin-left:100px;
  margin-right:100px;
  color:black;
}

nav > img{
  margin:0px;
  width: 60px;
}