/*@import url(animate.css);*/

html { 
  background: #0e0e0e;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

canvas {
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -9999;
}

body {
	margin: 0px;
	background-color: #0e0e0e;
	font-family: 'Oswald', sans-serif;
  -webkit-font-smoothing: antialiased;
}

div {
  margin: 0;
  padding: 0.33em;
  color: #CCCCCC;
  text-align: center;
  background-color: #0e0e0e;
}

#main {
  position: absolute;
  top: 50%;
  width: 100%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: bold;
}

#links {
  font-size: 2.5em;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.9);
}

a {
	text-decoration:none;
	color: #FFFFFF;
}

a:hover {
	color: #333333 ;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.2);
}

#tiny {
	font-size: 0.75em;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulseFadeIn {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(0.9, 0.9 0.9);
    opacity: 0;
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.0, 1.0, 1.0);
    opacity: 0.75;
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(0.95, 0.95, 0.95);
    opacity: 1;
  }
}

@keyframes pulseFadeIn {
  0% {
    -webkit-transform: scale3d(0.75, 0.75, 0.75);
    transform: scale3d(0.9, 0.9, 0.9);
    opacity: 0;
  }

  50% {
    -webkit-transform: scale3d(1.0, 1.0, 1.0);
    transform: scale3d(1.0, 1.0, 1.0);
    opacity: 0.75;
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(0.95, 0.95, 0.95);
    opacity: 1;
  }
}

.pulseFadeIn {
  -webkit-animation-name: pulseFadeIn;
  animation-name: ppulseFadeIn;
}

.hidden_menu {
	display:none;
	text-align:middle;
	color: #AAAAAA;
	padding-bottom: 1.5em;
	
  -webkit-animation-name: pulseFadeIn;
  -webkit-animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: pulseFadeIn;
  -moz-animation-fill-mode: both;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  animation-name: pulseFadeIn;
  animation-fill-mode: both;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}