html {
  height: 100%;
}

body {
  font-family: Conv_Adore64, verdana, "Tahoma MS", Helvetica, Arial, Sans-Serif;
  background-color: #a800a8;
  overflow: hidden;
  margin: 0;
  height: 100%;
}

.contactInfo {
  position: absolute;
  right: 25px;
  top: 20px;
}

.contactInfo th, .contactInfo td {
  color: #00a9aa;
  vertical-align: top;
}

.contactInfo th {
  font-weight: normal;
  padding-right: 10px;
}

.contactInfo td {
  font-weight: bold;
}

.playButton {
  font-family: Conv_Adore64, verdana, "Tahoma MS", Helvetica, Arial, Sans-Serif;
  font-size: 100px;
  border: none;
  background: none;
  color: #00a9aa;
  z-index: 1;
  position: absolute;
  cursor: pointer;
  height: 100%;
  width: 100%;
}

.cat {
  position: absolute;
  background-image: url("../img/sprites.png");
  width: 95px;
  height: 60px;
  
  left: -100px;
  bottom: 0;
}

.flipped {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.cat.frame0 {
  background-position: -265px -50px;
}

.cat.frame1 {
  background-position: -364px -50px;
}


@media (max-width: 767px) {
  .contactInfo {
    right: 15px;
    top: 10px;
  }

  .contactInfo th, .contactInfo td {
    font-size: 70%;
  }

  .playButton {
	font-size: 50px;
  }
}

@font-face {
	font-family: 'Conv_Adore64';
	src: url('../fonts/adore64/Adore64.eot');
	src: local('☺'), url('../fonts/adore64/Adore64.woff') format('woff'), url('../fonts/adore64/Adore64.ttf') format('truetype'), url('../fonts/adore64/Adore64.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}