/* For Qirui to Edit */
body {
  margin: 0;
  /* height: 100%;
  overflow: hidden; */
 }

canvas { display: block; }


div#tooltip{
  position: fixed;
  left: 10;
  top: 10;
  min-width: 100px;
  min-height: 32px;
  max-width: 700px;
  text-align: center;
  padding: 12px 12px;
  font-family: monospace;
  color: white;
  background: rgba(0,0,0,0.5);
  display: none;
  opacity: 0;
  border: 1px solid black;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  transition: opacity 0.25s linear;
  border-radius: 3px;
}

.preloader {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #222222;
  z-index: 1000;
  text-align: center;
  opacity: 0.7;
}

.centralize {
  vertical-align: middle;
  position: absolute;
  top: 50%;
  margin: 0;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}

h1 {
  font-family:Arial Black,Arial,sans-serif;
  font-weight:900;
  font-size:16px;
  line-height:17px;
  letter-spacing:-1.3px;
  height:100%;
  color: white;
  display: inline-block;
}

h2 {
  font-family:Arial Black,Arial,sans-serif;
  font-weight:500;
  font-size:10px;
  line-height:17px;
  letter-spacing:-1.3px;
  height:100%;
  color: white;
  opacity: 0.4;
  display: inline-block;
}

p {
  font-family: monospace;
  color: white;
  opacity: 0.9;
  font-size: 11px;
}

.start-button{
  background-color: white;
  border: none;
  color: #222222;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-family:Arial Black,Arial,sans-serif;
  font-weight:900;
  opacity: 0.7;
  display:none;
}

.blink {
animation: blinker 1s linear infinite;
}

@keyframes blinker {
50% {
  opacity: 0;
}
}

div#tooltip {
  position: fixed;
  left: 0;
  top: 0;
  min-width: 100px;
  min-height: 32px;
  text-align: center;
  padding: 5px 12px;
  font-family: monospace;
  color: white;
  background: rgba(0,0,0,0.5);
  display: none;
  opacity: 0;
  border: 1px solid black;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  transition: opacity 0.25s linear;
  border-radius: 3px;
}