@-webkit-keyframes bj1 {
  0%    { opacity: 1; }
  10%   { opacity: 1; }
  12%   { opacity: 0; }
  14%   { opacity: 1; }
  18%   { opacity: 0; }
  20%   { opacity: 1; }
  50%   { opacity: 1; }
  51%   { opacity: 0; }
  52%   { opacity: 1; }
  53%   { opacity: 0; }
  54%   { opacity: 1; }
  100%  { opacity: 1; }
}  

@-webkit-keyframes bj2 {
  0%    { opacity: 0; }
  10%   { opacity: 1; }
  12%   { opacity: 1; }
  14%   { opacity: 0; }
  18%   { opacity: 1; }
  20%   { opacity: 0; }
  50%   { opacity: 0; }
  51%   { opacity: 1; }
  52%   { opacity: 0; }
  53%   { opacity: 1; }
  54%   { opacity: 0; }
  100%  { opacity: 0; }
}

@-webkit-keyframes bj10 {
  0%    { opacity: 1; }
  50%   { opacity: 1; }
  51%   { opacity: 0; }
  52%   { opacity: 1; }
  53%   { opacity: 0; }
  54%   { opacity: 1; }
  100%  { opacity: 1; }
}

@-webkit-keyframes bj20 {
  0%    { opacity: 0; }
  50%   { opacity: 0; }
  51%   { opacity: 1; }
  52%   { opacity: 0; }
  53%   { opacity: 1; }
  54%   { opacity: 0; }
  100%  { opacity: 0; }
}     



#home {
  background-image: url("../images/home/background.jpg");
}

/* Menu */

.menu {
  position: absolute;
  left: 0px;
  top: 370px;
}

.menu > .play {
  left: 132px;
}

.menu > .songs {
  left: 239px;
}

.menu > .photos {
  left: 915px;
}

.menu > .credits {
  left: 1057px;
}

.menu > .website {
  left: 1012px;
  top: 260px;
}         


/* Animation */

#animation #bj1 {
	position: absolute;
	left: 465px;
	top: 400px;
	z-index: 6;
	-webkit-animation-name: bj1;
	-webkit-animation-duration: 7s;
	-webkit-animation-iteration-count: infinite;
}

#animation #bj2 {
	position: absolute;
	left: 465px;
	top: 400px;
	z-index: 5; 
	-webkit-animation-name: bj2;
	-webkit-animation-duration: 7s;
	-webkit-animation-iteration-count: infinite;
}       

#animation #heart1 {
	position: absolute;
	left: 465px;
	top: 400px;
	z-index: 8;
	-webkit-animation-name: bj1;
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
}

#animation #heart2 {
	position: absolute;
	left: 465px;
	top: 400px;
	z-index: 7; 
	-webkit-animation-name: bj2;
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
}                                                 


/*#animation #heart1, #animation #heart2 { display: none;}*/