a {color: #eee; text-decoration: none}
a:hover {color: blue;}
body {overflow: auto; overflow-y: auto;
  background-color: black;
  /* background-image: url('bg.png'); */
  background-attachment: fixed;
  background-position: center;
  background-size: contain;
  margin: 0px;}

#progress{
  position: fixed;
  top: 5px;
  width: 100%;
  text-align: center;
  z-index: 100;
  font-size: 1.6em;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: gray 1px 1px;
}
#jeeFaceFilterCanvas {
  z-index: 10;
  position: absolute; 
  max-height: 100%;
  max-width: 100%;
  left: 50%;
  top: 50%;
  width: 100vmin;
  transform: translate(-50%, -50%) rotateY(180deg);
} 

@media (max-width: 787px) {
  #jeeFaceFilterCanvas {
    right: 0px;
    top: 60px;
    transform: rotateY(180deg);
  }
}