body{background-color: black; overflow: hidden;}
.container{position: relative; height: 99vh;}
.hmm, .hmmm, .meow {
  position: absolute;
  color: azure;
  cursor: default;
  width: 100px;
}
.meow a{color: azure; text-decoration:none;}
.meow a:hover{color: rgb(255, 196, 0);}
.active{
  cursor: pointer;
}
.text {
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px;
  border-radius: 5px;
  z-index: 10;
}
.hmm.active:hover + .text{
  display: block;
}

.hmmm.active:hover + .text{
  display: block;
}

.textt{
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px;
  top: -28px; 
  left: 15px;
  border-radius: 5px;
  z-index: 10;
}
.active:hover .textt{
  display: block;
}