.nosee {
    display:none;
}
.dtr_logo {
    position: absolute;
	bottom: 0;
	left: 300px;
	border: solid 5px blue;

    block-size: 8.5rem;
    border-radius: 50%;
}
/* .compass_rose {
    position: absolute;
	bottom: 0;
	left: 300px;
	border: solid 5px blue;

  box-sizing: border-box;
  display: grid;
  grid-template-areas:
    "nw n ne"
    "w h e"
    "sw s se";
  grid-template-columns: 2rem 2rem 2rem;
  grid-template-rows: 2rem 2rem 2rem;
}
.compass_rose > div {
  background-color: pink;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nw > span {
  rotate: -45deg;
}
.ne > span {
  rotate: 45deg;
}
.w > span {
  rotate: -90deg;
}
.e > span {
  rotate: 90deg;
}
.sw > span {
  rotate: -135deg;
}
.s > span {
  rotate: 180deg;
}
.se > span {
  rotate: 135deg;
}
.mag {
    display:grid;
    grid-template-columns: 2rem 2rem 2rem;
    
}
.zin {
    background-image: url(https://assets.illyriad.net/img/dialog/zoomin.png);
}
.zout {
    background-image: url(https://assets.illyriad.net/img/dialog/zoomout.png);
}
 */