body {
  background-color: #808080;
  background-image: linear-gradient(
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0.5)
    ),
    url('images/bg.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top;
  background-size: cover;
}

.container {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25);
}

.wiggle {
  animation: 3s ease-in infinite wiggle;
}
@keyframes wiggle {
  0%,
  100% {
    transform: rotate(0deg);
  }
  2.5% {
    transform: rotate(-7.5deg);
  }
  5% {
    transform: rotate(0deg);
  }
  7.5% {
    transform: rotate(7.5deg);
  }
  10% {
    transform: rotate(0deg);
  }
  12.5% {
    transform: rotate(-7.5deg);
  }
  15% {
    transform: rotate(0deg);
  }
}

#places-container th,
#places-container td {
  vertical-align: middle;
}

.biome-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('images/biomes.png');
}

input[type='file'].uploader {
  display: none;
}

#delete-place-title::before {
  content: open-quote;
}
#delete-place-title::after {
  content: close-quote;
}

.list-icon li > .fa,
.list-icon li > .fab,
.list-icon li > .fal,
.list-icon li > .far,
.list-icon li > .fas {
  margin-right: 0.5rem;
}
