.number-emoji{
  font-size:64px;
  font-weight:900;
  line-height:1;
  color:var(--num-color, #ff6b6b);
  text-align:center;
  text-shadow:
    0 3px 0 rgba(255,255,255,.55),
    0 6px 12px rgba(0,0,0,.10);
}

.number-name{
  font-size:16px;
  opacity:.9;
  text-transform:capitalize;
}

@media (max-width:744px){
  .number-emoji{
    font-size:56px;
  }
}

@media (max-width:480px){
  .number-emoji{
    font-size:46px;
  }

  .number-name{
    font-size:14px;
  }
}

.letter-emoji{
  font-size:64px;
  font-weight:900;
  line-height:1;
  color:var(--letter-color, #5a8dee);
  text-align:center;
  text-shadow:
    0 3px 0 rgba(255,255,255,.55),
    0 6px 12px rgba(0,0,0,.10);
}

.letter-name{
  font-size:16px;
  opacity:.9;
  text-transform:capitalize;
}

@media (max-width:744px){
  .letter-emoji{
    font-size:56px;
  }
}

@media (max-width:480px){
  .letter-emoji{
    font-size:46px;
  }

  .letter-name{
    font-size:14px;
  }
}