-webkit-tap-highlight-color: transparent; /* for removing the highlight */

}

​

html {

  margin: 0;

  padding: 0;

/*   width: 100vw; */

/*   height: 100vh; */

/*   height: calc(var(--vh, 1vh) * 100); */

/*   width: 100vw; */

/*   height: 100vh; */

/*   height: calc(var(--vh, 1vh) * 100) !important; */

/*   touch-action: none; */

  overflow-x: hidden;

  height: -webkit-fill-available;

}

​

body {

  margin: 0;

  padding: 0;

  font-family: 'Amatic SC', cursive;

  background-color: #000;

}

​

canvas {

  position: absolute;

  z-index: 200;

​

  width: 100vw;

height: 100vh;

height: calc(var(--vh, 1vh) * 100) !important;

  overflow: hidden;

  top: 0;

  bottom: 0;

}

​

video {

  position: absolute;

  top: 0;

  bottom: 0;

width: 100vw;

height: 100vh;

height: calc(var(--vh, 1vh) * 100) !important;

  object-fit: contain;

  z-index: 100;

  opacity: 0;

  -webkit-transition: all 2s ease-in-out;

  -moz-transition: all 2s ease-in-out;

  -ms-transition: all 2s ease-in-out;

  -o-transition: all 2s ease-in-out;

  transition: all 2s ease-in-out;

}

​

.lower {

  /*   z-index: 10; */

}

​

.second {

  /*   z-index: 101; */

  opacity: 1;

  animation: fadeIn ease 2s;

  -webkit-animation: fadeIn ease 2s;

}

​

.top {

  /*   z-index: 102; */

  opacity: 1;

  animation: fadeIn ease 2s;

  -webkit-animation: fadeIn ease 2s;

}

​

.in {

  /*   z-index: 101; */

  opacity: 1;

  animation: fadeIn ease 2s;

  -webkit-animation: fadeIn ease 2s;

}

​

.out {

  /*   z-index: 102; */

  opacity: 0;

  animation: fadeIn ease 2s;

  -webkit-animation: fadeIn ease 2s;

}

​

#textOutput-content,

#tableOutput-content {

  z-index: 10000;

  color: #ff0000;

  position: static !important;

  left: 10px !important;

  top: auto !important;

  width: auto !important;

  height: auto !important;

  overflow: visible !important;

}

​

button {

  z-index: 1000;

  display: inline-block;

  border: none;

  padding: 0;

  margin: 0;

  text-decoration: none;

  background: transparent;

/*   opacity: 0.3; */

/*   background-color:rgba(255,0,0,0.3); */

  color: transparent;

  font-family: sans-serif;

  font-size: 1rem;

  line-height: 1;

  text-align: left;

  cursor: pointer;

}

​

button:focus {

  outline: 0;

}

​

.sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  white-space: nowrap;

  /* added line */

  border: 0;

}