body {
	background:#fff;
	color:#000;
	padding:0;
	margin:0;
	overflow:hidden;
	font-family:sans-serif;
	text-align:center;
}
a:link {color: #000; text-decoration: none;}
a:visited {color: #000;}
a:active {color: #000;}
a:hover {color: #444;}
canvas { pointer-events:none; z-index:1; position:relative; }

.startText {
  color:#000;
  font-family: Tahoma, Verdana, sans-serif;
  font-size:12px;
  position: relative;
  padding: 0px 0px;
  top: 50%;
  margin-top: 150px; 
}

#startButton {
  border: none;
  color: white;
  padding: 0px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 120px;
  font-size: 96px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px; 
}

#startButton:hover {
  opacity: 0.75;
}

#startoverlay {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	color: #ffffff;
}

#footer {
  font-family: Tahoma, Verdana, sans-serif;
  font-size:12px;  
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
  text-align: center;
}

.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  display: none;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #fff;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}

div.small {
    background: #000;
    border-radius: 50%;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 0px;
    margin-top: 0px;
    transition: all .5s;
}

div.big {
    width: max(150vh, 150vw);
    height: max(150vh, 150vw);
    border-radius: 50%;
    top: 50%;
    margin-top: min(-75vh, -75vw);
    left: 50%;
    margin-left: min(-75vh, -75vw);
    background: #000;
}