body {
  margin: 0px;
  background-image: url(https://imagizer.imageshack.com/img921/1346/flSVrv.png);
  width: 100%;
}
header {
  background-color: black;
  padding: 2%;
  text-align: center;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  color:#ffffff; 
  text-align: center;
  position: center;
  font-size: 150%;
}
h1 {
  font-family: Arial, Helvetica, sans-serif;
  color:#383838; 
  text-align: center;
  position: center;
  font-size: 100%;
}
Table {
  align="center";
}
iframe {
  width: 100%;
  height: 250%;
}
.dalmatas {
  position: relative;
  display: inline-block;
  background-image:  linear-gradient(to left, rgb(26, 26, 26), rgb(71, 71, 71));
  width: 100px;
  font-size: 70%;
  text-align: center;
}
.dalmatas:hover {
  position: relative;
  display: inline-block;
  background-image:  linear-gradient(to left, rgb(102, 102, 102), rgb(190, 190, 190));
  width: 100px;
  font-size: 70%;
  text-align: center;
  cursor: pointer;
}
.stage {
  border-radius: 6%;
  height: 100px;
  position: relative;
}
.ball {
  background-image: url(https://imagizer.imageshack.com/img921/8219/w2RRCb.png);
  height: 58px;
  position: absolute;
  width: 61px;
}
.nome {
  width: 100px;
  height: 100px;
  position: relative;
  -webkit-animation: mymove 15s infinite;
  animation: mymove 15s infinite;
}
@-webkit-keyframes mymove {
  from {left: 0px;}
  to {left: 100%;}
}
@keyframes mymove {
  from {left: 0px;}
  to {left: 90%;}
}
Barra {
  background-color: rgb(17, 17, 17);
  color: rgb(255, 255, 255);
}

.box {
  cursor: pointer;
  text-align: center;
  transition-duration: 400ms;
  transition-timing-function: linear;
	transition-delay: 1s, 2s;
  width: 95%;
}
.box:hover {
  background: #000000;
  border-radius: 50%;
	color: rgb(255, 255, 255);
}