.list-container {
  text-align: center;
}

.main-content-container {
  display: flex;
}
.gif-container {
  flex-wrap: wrap;
  display: flex;
  width: 75%;
  border-right: 1px solid gainsboro;
  margin-right: 10px;
}

button {
  background-color: #6699cc;
  color: white;

  margin: 10px;
  padding: 10px 15px;

  border: 1px solid black;
  border-radius: 10px;

  font-size: 16px;
  font-family: "Trade Winds";

  /* Removes hitbox of button */
  outline: none;

  cursor: pointer;
}

button:hover {
  box-shadow: 2px 4px 10px gray;
}

button:active {
  background-color: rgb(51, 153, 255);
  position: relative;
  top: 1px;
}

.gifDiv {
  margin: 5px;
  font-family: "Trade Winds";
}

.input-side {
  float: right;
  font-family: "Trade Winds";
}
#name {
  border-radius: 20px;
  padding: 5px;
  font-family: "Trade Winds";
  margin-bottom: 10px;
}
#submit-button {
  float: right;
  background-color: #6699cc;
  color: white;

  margin: 0px;
  padding: 2px 25px;

  border: none;
  border-radius: 30px;

  font-size: 12px;
  font-family: "Trade Winds";

  /* Removes hitbox of button */
  outline: none;

  cursor: pointer;
}

#submit-button:hover {
  box-shadow: 2px 2px 10px gray;
}