@charset "UTF-8";

.layout {
  font-size: 1.2em;
}

.gift-item-row {
  display: flex;
  flex-wrap: nowrap;
  background-color: lightgray;
  /* padding: 2px; */
  text-align: center;
}


.gift-item-row:hover {
  background-color: rgb(253, 251, 122);
}

.gift-item {
  border-style: solid;
  border-width: 1px;
  margin: 3px;
  justify-content: center;
}

.gift-item-title {
  border-style: solid;
  border-width: 2px;
  margin: 3px;
  background-color: rgb(164, 186, 226);
}



.flex-50p {
  flex: 0 0 49%;
}

.flex-60p {
  flex: 0 0 59%;
}

.flex-40p {
  flex: 0 0 39%;
}

.flex-30p {
  flex: 0 0 29%;
}


.flex-20p {
  flex: 0 0 19%;
}

.flex-10p {
  flex: 0 0 9%;
}