@font-face {
    font-family: 'Medodica'; /*a name to be used later*/
    src: url('../fnt/MedodicaRegular.otf'); /*URL to font*/
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; 

  /* Pixel Scaling, especially for backgrounds */
  image-rendering: -webkit-optimize-contrast; /* webkit */
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: crisp-edges; /* Chrome */
        
  /* Allows to manually set the position of all objects in the HTML file */
  position:absolute;

  /* Makes the cursor a grab one by default */
  cursor: -webkit-grab;
  cursor: grab; 

  font-family: Medodica; 
  /* font-family: Verdana,Geneva,sans-serif;  */

  overflow-wrap: break-word;
  line-height: 1.25;
}

body {  
  /* 500px scaled by 6 */
  width: 3010px;
  height: 1696px;
  background-color: rgb(187, 186, 186);
  /* rgb(44, 44, 44); */
}

#bgmap {
  /* 500px scaled by 6 */
  width: 3000px;
}

/* Hide the scrollbars when not being used */
::-webkit-scrollbar {
  display: none; 
}

h3 {
  margin-top: 5px;
  margin-bottom: 0px;
  position: relative; left: 10px; right: 10px;
  font-size: 20px;
  font-weight: 700;
  color:rgb(34, 34, 34);
}

.poetry-text{
  position: relative; left: 10px; right: 10px;
  /* font-style: italic; */
  font-size: 14px;
  color:rgb(34, 34, 34);
  width: 230px;
}

.poetry-line{
  position: relative; top: 1px;
}

.poetry-line b{
  position: relative; top: 1px;
}

.poetry-download{
  font-size: 13px;
  position: relative; top: 5px; left:165px;
  color:rgb(102, 102, 102);
}

.poetry-travel{
  font-size: 12px;
  position: relative; top: 5px; left:161px;
  color:rgb(102, 102, 102);
}

.bg{
  -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
} 

.floatInfo{
  border: solid;
  border-width: 1px;
  border-color: #d4bc93;
  background-color: antiquewhite;
  width: 252px;
  height: 505px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.songCover{
  position: relative; top: 5px; left: 5px;
}

.songPlayer{
  position: relative; top: 5px; left: 0px;
  width: 250px;
}

.nodeImage {
  /* 8px scaled by 6 */
  width: 48px; 
}