div.wtr-area {
    padding: 4px;
    overflow: hidden;
    width: 100%;
    height: 80vh;
}

.wtr-area {
    position: relative;
}

.wtr-area li {
    position: absolute;
    list-style: none;
    border: 1px solid red;
    padding: 0;
}


ul.lvl0 li a {
    font-size: 18px;
}

.lvl0 ul.lvl1 > li a {
    font-size: 17px;
}

.lvl1 ul.lvl2 > li a {
    font-size: 16px;
}

.lvl2 ul.lvl3 > li a {
    font-size: 15px;
}

.lvl3 ul.lvl4 > li a {
    font-size: 14px;
}

.lvl4 ul.lvl5 > li a {
    font-size: 13px;
}

li[data-tid="565"] {
    left: -10vw !important;
    top: -10vh !important;
}

li[data-tid="491"] {
    left: 100px !important;
    top: 0px !important;
}

li[data-tid="491"] .lvl2 {
    left: 80px;
    top: -160px;
    position: relative;
}

li[data-tid="491"] .lvl2 li {
    position: initial;
}

li[data-tid="6"] {
    left: -80px;
    top: 48px;
}

li[data-tid="426"] {
    left: 0px;
    top: -48px;
}

li[data-tid="426"] .lvl2 {
    left: -8vw;
    top: -20vh;
    position: relative;
}

li[data-tid="426"] .lvl2 li {
    position: initial;
}

li[data-tid="546"] .lvl3 {
    left: 120px;
    top: -20px;
    position: relative;
}

li[data-tid="546"] .lvl3 .lvl4 {
    left: 128px;
    top: -80px;
    position: relative;
}

li[data-tid="509"] .lvl3 {
    left: -27vw;
    top: 16vh;
    position: absolute;
}


/*
li[data-tid="426"] .lvl2 li:nth-child(1) {
  left: -48px;
  top: -148px;
  position: relative;
}

li[data-tid="426"] .lvl2 li:nth-child(2) {
  left: -48px;
  top: -148px;
  position: relative;
}

li[data-tid="426"] .lvl2 li:nth-child(3) {
  left: -48px;
  top: -148px;
  position: relative;
}

li[data-tid="426"] .lvl2 li:nth-child(4) {
  left: -48px;
  top: -148px;
  position: relative;
}

li[data-tid="426"] .lvl2 li:nth-child(5) {
  left: -48px;
  top: -148px;
  position: relative;
}

li[data-tid="426"] .lvl2 li:nth-child(6) {
  left: -48px;
  top: -148px;
  position: relative;
}
*/