@font-face {
  font-family: "PussyCatSnickers";
  src: url("../fonts/pussy_cat_snickers.ttf");
}
@font-face {
  font-family: "FuturaCondensedMed";
  src: url("../fonts/ufonts.com_futura_condensed_medium.ttf");
}
@font-face {
  font-family: "FuturaCondensedLite";
  src: url("../fonts/Futura_Light_Condensed_BT.ttf");
}
/* global */
body {
  margin: 0px;
  padding-top: 10px;
  background: #000000;
  background-image: url("../images/background.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
}
.centerAligned {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* rotating sun elements */
#backgroundContainer {
  visibility: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -10;
  -webkit-transform: translate3d(0px, 0px, 0px);
  /* hack to fix a z-order bug in webkit when using css transform */

}
.centerAligned {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#spinning_sun {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1024px;
  height: 100%;
  background: #faedcc;
  overflow: hidden;
}
#sun {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -1600px;
  left: -1428px;
  transform: scale(2, 2);
  transform-origin: 0% 0%;
  -ms-transform: scale(2, 2);
  -ms-transform-origin: 0% 0%;
  -webkit-transform: scale(2, 2);
  -webkit-transform-origin: 0% 0%;
  -o-transform: scale(2, 2);
  -o-transform-origin: 0% 0%;
  -moz-transform: scale(2, 2);
  -moz-transform-origin: 0% 0%;
}
/* sun gradient overlay */
#overlayContainer {
  visibility: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -1;
  -webkit-transform: translate3d(0px, 0px, 0px);
  /* hack to fix a z-order bug in webkit when using css transform */

}
#overlay {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1024px;
  height: 100%;
  background: transparent;
  background-image: url("../images/gradient.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  background-size: 100% 100%;
}
/* content */
#main {
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 20;
  -webkit-transform: translate3d(0px, 0px, 0px);
  /* hack to fix a z-order bug in webkit when using css transform */

}
#content {
  width: 861px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#content #header {
  height: 125px;
}
#pl_logo {
  float: left;
}
#app_store_button {
  margin-top: 10px;
  float: right;
  width: 182px;
}
#app_store_button #social {
  float: right;
}
#video {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-image: url("../images/video_bg.png");
  width: 861px;
  height: 490px;
  clear: both;
}
#smash_logo {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 5px;
  /*float: right;*/

}
#tagline {
  float: left;
}
.sideTextFont {
  color: #cfc4a8;
  font-family: "FuturaCondensedLite";
  font-size: 1.2em;
}
.textSize {
  padding-top: 5px;
  width: 260px;
  height: 500px;
}
#left_text {
  visibility: hidden;
  text-align: right;
  float: left;
  padding-top: 5px;
  width: 260px;
  height: 500px;
}
#left_text .text_content {
  margin-left: 20px;
  color: #cfc4a8;
  font-family: "FuturaCondensedLite";
  font-size: 1.2em;
  width: 240px;
}
#right_text {
  visibility: hidden;
  text-align: left;
  float: right;
  padding-top: 5px;
  width: 260px;
  height: 500px;
}
#right_text h3 {
  margin: 0px;
}
#right_text .text_content {
  color: #cfc4a8;
  font-family: "FuturaCondensedLite";
  font-size: 1.2em;
  width: 240px;
}