body {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: #0267C1;
	color: white;
	font-family: Verdana,Geneva,sans-serif;
	text-align: center;
}

a {
  color: gold;
}

h3 {
	font-weight: 400;
}

#viz {
	display: inline-block;
	position: relative;
	width: calc(100% - 30px);
  height: calc(100% - 70px);
  transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
}

.card {
	cursor: pointer;
	border-radius: 6px; /*50%; */
	width: 30px;
	height: 30px;
	position: absolute;
	border: 2px solid white;
	background-color: #7CB4B8;
	transition: all;
	transition-duration: 50ms;
  transform: translate(0,0) rotate(0deg) rotateY(0deg);
  -moz-transform: translate(0,0) rotate(0deg) rotateY(0deg);
	-webkit-transform: translate(0,0) rotate(0deg) rotateY(0deg);
}

* {
    -webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
    -webkit-user-select:none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
}