@charset "utf-8";
/* CSS Document */

/* EMOJI TUTORIALS */

.emoji-links {
  column-count: 5;
  column-gap: 30px;
  column-rule: 1px solid #c3c3c3;
}
img.no-emoji {
  width: 22px;
  height: 18px;
}
td.cat-head {
  background-color: #b7b7b7;
  color: #42444e;
  font-weight: 700;
  text-align: left;
}
td.cat-subhead {
  background-color: #d3d3d3;
  color: #42444e;
  font-weight: 700;
  text-align: left;
}
code.emoji {
  color: #777777;
  font-size: 15px;
  font-family: consolas, monospace;
}
span.emoji {
  font-size: 30px;
  line-height: 1;
}
@media (max-width: 500px) {
  table.tabler {
    font-size: 13px !important;
  }
  table.tabler td {
    padding-left: 130px;
    text-align: left;
    position: relative;
    line-height: 1.2;
    padding-right: 6px;
  }
  code.emoji {
    font-size: 14px !important;
  }
}
@media (max-width: 600px) {
  .emoji-links {
    column-count: 4;
    column-gap: 20px;
    column-rule: 1px solid #c3c3c3;
  }
}
@media (max-width: 450px) {
  .emoji-links {
    column-count: 2;
    column-gap: 20px;
    column-rule: 1px solid #c3c3c3;
  }
}
@media (max-width: 350) {
  .emoji-links {
    column-count: 1;
    column-gap: 20px;
    column-rule: 1px solid #c3c3c3;
  }
}
@media (max-width: 500px) {
  table.tabler.emoji td {
    padding-left: 90px !important;
  }
  table.tabler.emoji td.cat-head {
    padding-left: 0 !important;
  }
}