.idiv {
  position: absolute;
  top: 30%;
  left: 30%;
  transform: translate(-15%, -30%);
}

.input {
  color: red;
  text-align: right
}

#searchbar {
  padding: 15px;
  border-radius: 10px;
  transition: 0.3s;
  font-size: 18px;
}

input[type=text] {
  width: 90%;
  -webkit-transition: width 0.15s ease-in-out;
  transition: width 0.15s ease-in-out;
}

/* When the input field gets focus,
          change its width to 100% */
input[type=text]:focus {
  transform: translate(-96px);
  width: 150%;
}

#list {
  font-size: 1.5em;
}

.animals {
  display: list-item;
}

.item-link {
  font-family: 'Trebuchet MS', sans-serif;
}

.item-link:link {
  text-align: left;
  display: list-item;
  text-decoration: none;
  color: white;
}

.item-link:visited {
  text-decoration: none;
  color: white;
}

.item-link:hover {
  text-decoration: none;
  color: white;
}

.tlist:active {
  text-decoration: none;
  color: white;
}

.rlist {
  list-style: inside;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rplace {
  list-style: inside;
  position: absolute;
  top: 30%;
  left: 44%;
  transform: translate(-50%, -50%);
}