.whole-page{
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* .single-coffee {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: Arial, Helvetica, sans-serif;
} */

.single-coffee {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px;
  margin-top: 10px;
  background-color: white;
  border-radius: 20px;
  font-family: Arial, Helvetica, sans-serif;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.coffee-title {
  text-align: center;
}

/* Solid border */
hr.solid {
  border-top: 3px solid #bbb;
}

/* .single-coffee-container {
  display: flex;
  flex-direction: column;
  width: 60vw;
  margin-top: 10px;
  align-items: center;
  border-radius: 9px;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
} */

.single-coffee-container {
  display: flex;
  padding: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 20px;

  width:700px;
  height: 300px;
  margin-top: 10px;
  background-color: white;
}

.image-details-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#single-coffee-img {
  max-width: 200px;
  max-height: 90vw;
  left: 5.57%;
  right: 54.43%;
  top: 19.25%;
  bottom: 24.75%;
  margin-right: 15px;
  background: url(image.png);
  box-sizing: border-box;

  border-radius: 9px;
}

.single-coffee-info {
  text-align: left;
}
.claim_coffee {
  display: flex;
  flex-flow:column;
}
.claim-button {
  margin-top: 5px;
  background-color: #3b6064;
}