html {
    background-color: #000;
    scroll-behavior:smooth;
}

body {
    margin:0px;
    background-color: #000;
    overflow-x: hidden; /* Hide horizontal scrollbar */
    scrollbar-color: dark;
}
#curtain{
  position:fixed;
  top:0px;
  left:0px;
  background:black;
  width:100vw;
  height:100vh;
}

#menu, #curtain, img{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#back{
  text-align: center;
}
#w100p {
  margin:0px;
  padding: 0px;
  width:100%;
  opacity: 0;
}
#myCanvas {
  margin:0px;
  position:fixed;
  left:0px;
  top:0px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#speakerSymbol {
  margin:0px;
  position:fixed;
  right:0px;
  top:0px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-shadow: 5px 5px rgba(0,0,0,.5);
  cursor:pointer;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

#arrowSymbol {
  margin:0px;
  position:absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-shadow: 5px 5px rgba(0,0,0,.5);
  cursor:pointer;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

#infoWindow {
  margin:0px;
  position:absolute;
  font-family: monospace;
  background:  rgba(0,0,0,.6);
  color:#0c0;
  visibility:hidden;
}

#photo{
}
#debug{
  margin:0px;
  position:fixed;
  font-family: monospace;
  background: rgba(50,50,50,.7);
  color:#0c0;
}


a {background: #cc0; color:#000;font-weight: bold; padding:2px;padding-left:10px; padding-right:10px; text-decoration:none;hyphens: manual; }
a:hover{background: #0c0; color:#000;font-weight: bold;text-decoration:none;}
a:active{background: #0cc; color:#000;font-weight: bold;text-decoration:none;}


::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #333;
}

::-webkit-scrollbar-thumb {
  background: #666;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

::-moz-selection { /* Code for Firefox */
  background: DeepPink;
  color: black;
}

::selection {
  background: DeepPink;
  color: black;
}