body {
  color: #ff7404;
  font-family: 'REM', sans-serif;
  font-size: 24px;
}
code {
  background: rgba(0,0,0,0.33);
}
div.center {
  padding: 25px;
  display: flex;
  justify-content: center;
}
div.dialog {
  width: 1068px;
  height: 260px;
  background-image:url('dialogs_all.png');
  margin: 0;
  position: relative;
  z-index: 100;
}
div.text {
  position: absolute;
  width: 700px;
  height: 150px;
  top: 64px;
  left: 320px;
  text-align: left;
}
div.inventory {
  width: 1068px;
  height: 218px;
  background-image:url('inventory_slim.png');
  margin: 0;
  position: relative;
  z-index: 100;
}
div.tritty {
  position: absolute;
  width: 66px;
  height: 66px;
  background-image:url('character.png');
  top: 76px;
  left: 76px;
  transition: transform .2s;
}
div.tritty:hover {
  background-position: 0px -66px;
  cursor:pointer;
}
div.discord {
  position: absolute;
  width: 66px;
  height: 66px;
  background-image:url('discord.png');
  top: 76px;
  left: 246px;
  transition: transform .2s;
}
div.discord:hover {
  background-position: 0px -67px;
  cursor:pointer;
}
div.telegram {
  position: absolute;
  width: 66px;
  height: 66px;
  background-image:url('telegram.png');
  top: 76px;
  left: 416px;
  transition: transform .2s;
}
div.telegram:hover {
  background-position: 0px -65px;
  cursor:pointer;
}
div.vr {
  position: absolute;
  width: 66px;
  height: 66px;
  background-image:url('vr.png');
  top: 76px;
  left: 586px;
  transition: transform .2s;
}
div.vr:hover {
  background-position: 0px -66px;
  cursor:pointer;
}
div.nav {
  position: absolute;
  width: 66px;
  height: 66px;
  background-image:url('planet.png');
  top: 76px;
  left: 756px;
  transition: transform .2s;
}
div.nav:hover {
  background-position: 0px -67px;
  cursor:pointer;
}
div.empty {
  position: absolute;
  width: 66px;
  height: 66px;
  background-image:url('empty.png');
  top: 76px;
  left: 926px;
  transition: transform .2s;
}