html, body, div, span, p { margin: 0; padding:0; }
html, body{ width: 100vw; height:100vh }
svg { pointer-events: none }

/*header*/
header {
   height: 5vh;
   background-color: #0000;
   text-align: center;
   align-items: center;
   justify-content: space-around;
}
#dhdr {}
#dhdr p {
 text-indent: 6vw;
 letter-spacing: 6vw;
 text-align: center;
 font-family: sans-serif;
 margin: 0%;
 font-weight: bold;
 cursor: pointer;
 color: #eee;
 font-size: 2vh;
}
/*dtop*/
#dnav {
  margin:0 2vw;
  height: 3vh;
  background-color: #0000;
  text-align: center;
  align-items: center;
  justify-content: space-around;
}
#dnav p {
 letter-spacing: 1vw;
 text-indent: 1vw;
 font-family: sans-serif;
  font-weight: bold;
  cursor:pointer;
  color: #eee;
  font-size: 1.8vh;
}

/* canvas */
#dcv { background-color: #007f; height: 100vh; width: 100vw; position:fixed; top:0; left:0; z-index:-1 }
#dcv > canvas { position:inherit } /* pointer-events:inherit  */
#cv0 { z-index: 0 } /* Bottom canvas */
#cv1 { z-index: 1 } /* Lower canvas */
#cv2 { z-index: 2 } /* Center canvas */
#cv3 { z-index: 3 } /* Top canvas */

/* .mg {margin-left: -1vw} */

/*sns*/
#dsns p, h3, h5, input { margin:0 }
#dsns #dmn0 { display:flex; border-bottom: black solid 1px }
#dsns #dmn1 { display:flex }
#dsns div { padding-left: 5px; display:block }
#dsns select{ width:5vw; height:3vh; font-size: 1.4vh   }

/* displays */
.dpno { display: none }
.dpflx { display: flex }
.dpflxsa { display: flex; justify-content: space-around }
.dpbk { display: block }
.dpinline {display: inline}
.dpgrd { display: grid }
.dpmx { position: relative; top: 0; left: 0 }

/* Footer */
footer{
  width:100vw; height:3vh;
  position:fixed; bottom:0; left:0;
  background-color: #ddd5;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
footer p{
  margin: 0%;
  font-size: 1.5vh;
  /*letter-spacing: 1vw;*/
}

/* Disclaimer */
#disclaimer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index:10;
  background-color: #fff;
  justify-content: center;
  align-items: center;

}
#disclaimer > div {
  width: 90vw;
  height: 90vh;
  outline: thick solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
#message {
  margin: 2vh 2vw;
  text-align:center;
}