body{
	background-color:black;
}

a {
  color: #00BFFF;
}

a:hover {
  color: white;
}
label {
  color: white;
}
.show_portals {
  color: white;
}
.spawn-pointer{
  position: relative;
	left:-8;
	top:-16;
	width: 16;
  height: 16;
  z-index: 2;
}
.spawn-pointer > img{
  position: aboslute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.portal-pointer{
  position: absolute;
	left:-12;
	top:-24;
	width: 64;
  height: 85;
}
.portal-pointer > img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tooltip {
  width: 90px;
  background-color: grey;
  font-size: smaller;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 3;
  bottom: 125%;
  left: 50%;
  margin-left: -45px;
  visibility: hidden;  
  cursor: default;
}

.mob-image{
  max-height:50px;
  aspect-ratio: auto;
}

.tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
}

.portal-pointer:hover .tooltip {
  visibility: visible;
}
.spawn-pointer:hover .tooltip {
  visibility: visible;
}