body {
  overflow: hidden;
  text-align:center;
  background: radial-gradient(ellipse at center top, #f4e6dc, #d6bbaa);
}

body,
html {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

svg{
  position:absolute;
  width:100%;
  height:100%;
  visibility:hidden;
  transform:translate(-50%, 0%);
}

.hit:hover  {
  cursor: pointer
}

.wrapper {
  overflow:hidden;
  width:100%;
  height:100%;
  position:absolute;
}

#tips{
  visibility:"hidden";
}

@media only screen and (max-width: 1336px)  {
  svg{
    width:70%;
  }
}

@media screen and (orientation:portrait) {
  svg{
    width:175%;
  }
  #tips{
  visibility:"visible";
  }
}