@import url(http://fonts.googleapis.com/css?family=Raleway:900);

body {
  background-color: #fefefe;
}

h1 {
  font-family: Raleway;
  text-align: center;
  font-size: 80px;
  color: #363836;
}

.oo {
  display: inline-block;
  width: 120px;
  height: 60px;
  border-radius: 50px;
  background-color: #363836;
}

.ball {
  height: 40px;
  width: 40px;
  border-radius: 50px;
  background-color: #fefefe;
  margin: 10px;
  -webkit-animation: switch 2s infinite alternate;
  -moz-animation: switch 2s infinite alternate;
  -o-animation: switch 2s infinite alternate;
}

@-webkit-keyframes switch {
  100% { transform: translate(60px,0px); }
}

@-moz-keyframes switch {
  100% { transform: translate(60px,0px); }
}

@-o-keyframes switch {
  100% { transform: translate(60px,0px); }
}

@keyframes switch {
  100% { transform: translate(60px,0px); }
}