svg {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

.bg-yellow-200 {
  background-color: #fefcbf;
}

.bg-yellow-400 {
  background-color: #f6e05e;
}

.flex {
  display: flex;
}

.items-center {
  align-items: center;
}

.font-bold {
  font-weight: 700;
}

.h-8 {
  height: 2rem;
}

.leading-loose {
  line-height: 2;
}

.mb-4 {
  margin-bottom: 1rem;
}

.p-4 {
  padding: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.fill-current {
  fill: currentColor;
}

.text-white {
  color: #fff;
}

.text-gray-700 {
  color: #4a5568;
}

.text-sm {
  font-size: 0.875rem;
}

.text-lg {
  font-size: 1.125rem;
}

.text-3xl {
  font-size: 1.875rem;
}

.underline {
  text-decoration: underline;
}

.w-8 {
  width: 2rem;
}

.w-16 {
  width: 4rem;
}

.w-auto {
  width: auto;
}