/* a minimalist set of CSS resets */

/* default to border-box */
html {
  box-sizing: border-box;
  font-size: 16px;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* adjust typography defaults */
body {
  margin: 1rem;
  font-family: sans-serif;
  line-height: 1.5;
}

/* images and videos max out at full width */
img,
video {
  height: auto;
  max-width: 100%;
}

@media (orientation: portrait) {
  .emoji-kitchen-images {
    display: flex;
    width: 100%;
  }
  .emoji-kitchen-images img {
    flex: 1;
    min-width: 0;
  }
}
@media (orientation: landscape) {
  .emoji-kitchen-images img {
    max-width: 101px;
    max-height: 101px;
  }
}