html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
  background-color: rgb(255 247 237);
  font-family: Arial, sans-serif;
  touch-action: manipulation;
  user-select: none;
}

#main {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* mobile */
@media (pointer: coarse) {
  #main {
    padding-left: 12px;
    font-size: 96px;
    background-image: url(./static/images/cat.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 75%;
  }
}

/* desktop */
@media (pointer: fine), (pointer: none) {
  #main {
    justify-content: center;
    align-items: center;

    font-size: 48px;
    cursor: url(./static/images/cat.png), auto;
  }
}