.ring {
  position: absolute;
  width: 30px;
  height: 30px;
/*   border: 1px solid #0b0682; */
  border: 1px dotted #9CDBF0;
  border-radius: 50%;
}

.tentacle-container {
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 100;
}

.tentacle-menu-item {
  position: absolute;
  font-size: 44px;
  font-family: Menufont, Arial, Helvetica, sans-serif;
  /*font-weight: 700;*/
  z-index: 200;
}

.tentacle-menu-item a {
  display: inline-block;
  color: cyan;
  /* opacity: 0.5; */
  text-decoration: none;
  box-shadow: 2px blueviolet;
}

.tentacle-menu-item a.image {
  width: 30px;
  height: 30px;
  background-size: cover;
  position: absolute;
  top: -15px;
  left: -20px;
}

a.image.playing {
  background-position: -30px 0;
}

a.image.paused {
  background-position: 0 0;
}