html {
  background-color: rgb(207, 197, 195);
  overflow-x: hidden !important;
}

#container {
  width:100%;
  height:100%;
  overflow:hidden;
  background-color:rgb(207, 197, 195);
  /* border: 1px solid red; */
}

#content {
  position:relative;
  margin-top:40px;
  margin-left:auto;
  margin-right:auto;
  width:1000px;
}

.image {
  /* border: 1px solid black; */
  pointer-events: none;
}

mark {
  background-color: yellow;
  border-radius: 100%;
  padding: 4px;
  cursor: pointer;
  text-shadow: none;
}


strong {
  display: none;
  color: yellow;
  text-shadow: #cfc4c2 0 0 2px; */
  font-family: monospace !important;

}
mark:hover + strong {
  display: inline;
}




#title {
  left: 20px;
  top: 0px;
  width: 140px;
  letter-spacing: 7px;
  line-height: 30px;
  font-size: 20px;
  pointer-events: none;
}

#label0 { /* PROJECT DESCRIPTION */
  background-color: white;
  border: none;
  hyphens: auto;
  border-radius: 1px 1px 15px 15px !important;
  line-height: 15px !important;
  font-size: 10px !important;
  left: 20px;
  top: 90px;
  width: 140px;
  pointer-events: none;

}

#audiobutton {
  left: 20px;
  top: 100px;
  width: 100%;
  border-radius: 15px;
  font-family: 'helvetica', sans-serif;
  font-size: 6px;
  line-height: 14px;
  cursor: pointer;
  border: .2px solid #cfc4c2 !important;
  background-color: #fff;
  pointer-events: visible;

}

#audiobutton:hover {
  background-color: #cfc4c2
}

#audiobutton:active {
}

#audiobutton:focus {
  outline:0;
}



#label1 {
  cursor: default;
  left:430px;
  top:180px;
  width:80px;
  height: 30px;
  line-height: normal;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
    /* -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg); */
}

#label2 {
  cursor:default;
  left:400px;
  top:160px;
  width:60px;
  height: 20px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label3 {
  cursor:default;
  left:430px;
  top:230px;
  width:80px;
  height: 30px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label4 {
  cursor:default;
  left:860px;
  top:170px;
  width:100px;
  height: 60px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label5 {
  cursor:default;
  left:460px;
  top:275px;
  width:80px;
  height: 45px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label6 {
  cursor:default;
  left:740px;
  top:200px;
  width:100px;
  height: 40px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label7 {
  cursor:default;
  left:260px;
  top:160px;
  width:80px;
  height:40px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label8 {
  cursor:default;
  left:250px;
  top:210px;
  width:60px;
  height: 50px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label9 {
  cursor:default;
  left:340px;
  top:290px;
  width:70px;
  height: 40px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label10 {
  cursor:default;
  left:480px;
  top:150px;
  width:50px;
  height: 30px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label11 {
  cursor:default;
  left:540px;
  top:170px;
  width:50px;
  height: 30px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label13 {
  cursor:default;
  left:580px;
  top:240px;
  width:40px;
  height: 50px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
  font-family: monospace;
}

#label12 {
  cursor:default;
  left:580px;
  top:210px;
  width:50px;
  height: 30px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label14 {
  cursor:default;
  left:525px;
  top:225px;
  width:40px;
  height: 40px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label15 {
  cursor:default;
  left:620px;
  top:150px;
  width:70px;
  height: 40px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label16 {
  cursor:default;
  left:860px;
  top:360px;
  width:120px;
  height: 80px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label17 {
  cursor:default;
  left:660px;
  top:350px;
  width:60px;
  height: 30px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label18 {
  cursor:default;
  left:540px;
  top:350px;
  width:60px;
  height: 30px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label19 {
  cursor:default;
  left:700px;
  top:280px;
  width:60px;
  height: 30px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

#label20 {
  cursor:default;
  left:820px;
  top:270px;
  width:100px;
  height: 40px;
  text-shadow: #cfc4c2 0 0 3px, #cfc4c2 0px 0px 1px, #cfc4c2 0 0 3px, #cfc4c2 0px 0px 2px;
  line-height: normal;
}

div.label {
  cursor:default;
  background-color: none;
  /* border: .1px solid magenta; */
  border-radius: 10%;
  overflow-y: scroll;
  padding:10px;
  font-family: 'Averia Serif Libre', sans-serif;
  font-size: 6px;
  line-height: 14px;
  position: absolute;
  /* -webkit-user-select:none; */
  /* -moz-user-select:none; */
}

/* custom scrollbars */
/* div.label::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  }
div.label::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
  }
div.label::-webkit-scrollbar-thumb {
  background: rgb(65, 65, 65);
  border: 0px none #ffffff;
  border-radius: 50px;
  }
div.label::-webkit-scrollbar-thumb:hover {
  background: yellow;
  }
div.label::-webkit-scrollbar-thumb:active {
  background: yellow;
  }
div.label::-webkit-scrollbar-track {
  background: transparent;
  border: 0px none #ffffff;
  border-radius: 50px;
  }
div.label::-webkit-scrollbar-track:hover {
  background: transparent;
  }
div.label::-webkit-scrollbar-track:active {
  background: #333333;
  }
div.label::-webkit-scrollbar-corner {
  background: transparent;
  }
} */

/* Hide scrollbar for IE and Edge */
div.label::-webkit-scrollbar {
  display: none;
}

div.label {
    -ms-overflow-style: none;
}
/* Hide scrollbar for IE and Edge */

div.label:hover {
  border-color:#green !important
  cursor:pointer;
  cursor:hand;
}