body {
  background: #000 url("/images/fp-bg.jpg") no-repeat fixed 0 -90px / cover ;
}

p 	{
  color: #fff;
  text-align: center;
  margin: 50px 0 0;
}

a 	{
  color: #ffcc00;
}

.center-it {
  display: table;
  margin: 0 auto;
  text-align: center;
}

.change-colors {
  display: table;
  margin: 0 auto;
}

button {
  display: table;
  margin: 0 auto;
}

.flip-container {
    position:relative;
    -webkit-perspective:1000;
    perspective:1000;
  position: relative;
  display: table;
  margin: 0px auto;
}

.flip-cards {
    width:200px;
    height:291px;
    position:relative;
    float:left;    
    margin-left:5px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}


.flip-cards:hover {
    transform: rotateY( 180deg );
    -webkit-transform: rotateY(180deg);
}

.flip-cards div {
    width:200px;
    height:291px;
    position:absolute;
    border-radius:15px;    
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.front-card {
  background-image: url("/images/cover.png");
  color: #ddd;
  font-family: "IM Fell Great Primer",serif;
  font-size: 23px;
  z-index: 2;
}

.reverse-card {
  background-color: #fff !important;
  border: 1px solid #777;
  border-radius: 9px !important;
  transform: rotateY(180deg);
  z-index: 9999;
}

#card1 {
    background-image: url('/images/cardbacks-me.png');
}

#card2 {
    background-image: url('/images/cardbacks-music.png');
}

#card3 {
    background-image: url('/images/cardbacks-photo.png');
}

#card4 {
    background-image: url('/images/cardbacks-blog.png');
}

#card5 {
    background-image: url('/images/cardbacks-social.png');
}

.some-space {
  text-align: center;
  margin: 42px auto;
  display: table;
}

.some-spaceback {
  display: table;
  height: 10px !important;
  margin: 50px 20px 0;
  position: relative !important;
  text-align: center;
  width: 160px !important;
}

.card-button {
  margin: 30px 0 0;
  height: auto !important;
}

.card-button a {
  background: #ffcc00 none repeat scroll 0 0;
  color: #fff;
  font-family: 'IM Fell Great Primer', serif; !important;
  font-size: 18px;
  padding: 6px 13px 6px;
  text-decoration: none;
  border-radius: 4px;
  text-transform: uppercase;
  text-shadow: 1px 1px 3px #aaa;
  border: 2px solid #ffcb00;
}

.card-button a:hover {
  background: #fff none repeat scroll 0 0;
  color: #333;
  border: 2px solid #ffcb00;
}

.card-social {
  margin: 30px 0 0;
  height: auto !important;
}

.socialcard-button {
  display: inline;
  height: auto !important;
  position: relative !important;
}

.socialcard-button img {
  width: 50px;
}