@charset "UTF-8";
/* CSS Document */
html, body {
  touch-action: manipulation;
}

div {
  position: absolute;
  border-radius: 50% 50%;
    
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
opacity: 0.7;
/*filter: blur(1px);*/
}
body {
    background-color:black;
 
}
#div_do {background-color: #935545; box-shadow: 0 0 10px #935545;}
#div_re {background-color: #7e6166; box-shadow: 0 0 10px #935545;}
#div_mi {background-color: #838f9a; box-shadow: 0 0 10px #838f9a;}
#div_fa {background-color: #8b903b; box-shadow: 0 0 10px #8b903b;}
#div_sol {background-color: #baab35; box-shadow: 0 0 10px #baab35;}
#div_la {background-color: #af7b3a; box-shadow: 0 0 10px #af7b3a;}
#div_si {background-color: #905d3d; box-shadow: 0 0 10px #905d3d;}

.disableSelection{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
}

.bg {
  /* The image used 
  background-image: url("media/back2.jpg");*/

  /* Full height */
  height: 100%; 
  width: 100%;
 border-radius: 0 0;
    opacity: 0;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}