styles.css

body, html{
  height:100%;
}
body{
  margin: 0px;
  font-size: 18px;
  background-image: url("https://i.ytimg.com/vi/VMLjLDr6k1A/maxresdefault.jpg");
  background-size: auto 100%;
  background-repeat: no-repeat;
}
body, a:link, a:visited, a:active{
  color: lightblue;
}
.title, .addDancerButton, .addPlayerButton{
  padding:5px 12px;
  float:right;
  background-color: #777;
}
.stopButton {
  padding:5px 12px;
  float:right;
  display: none;
}
.topbar{
  height:32px;
  background-color: #555;
  position: relative;
  z-index: 1;
}
.title{
  background-color: #777;
}
.dancer{
  border:10px solid red;
  border-radius:10px;
  position:absolute;
  background-size:200px;
} 
.player{
  position:absolute;
  background-image: url("http://www.clipartbest.com/cliparts/xTg/o5e/xTgo5e9Lc.png");
  background-size: 100%;
  height:100px;
  width:100px;
  /*border:1px solid black;*/
  z-index:0;
}
.particle{
  border:5px solid red;
  border-radius:5px;
  position:absolute;
}