.letter-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  background: url("/sprites-bubble/letter/background.png") no-repeat center center;
  background-size: 110%;
  image-rendering: pixelated;

  .letter-logo {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("/sprites-bubble/letter/sheet.png") no-repeat center center;
    background-size: 90%;

    p {
      font-size: 50px;
      color: black;
      line-height: 60px;
      width: 70%;
      height: 70%;
    }
  }

  .letter-button {
    width: 20%;
    height: 20%;
    display: flex;
    justify-content: space-between;
    background: url("/sprites-bubble/letter/button.png") no-repeat center center;
    background-size: 40%;
  }
}
