#ball{
  width:150px;
  height:150px;
  padding:150px;
  background-color:black;
  color:white;
  border-radius:50%;
  text-align:center;
  font-size:100px;
  font-family:arial;
  margin:0 auto;
}
h1{
  font-family:arial;
  text-align:center;
  font-size:50px;
}
body{
  background-image:url(data:image/jpeg;base64,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);
}
#controls {
  margin: 0 auto;
  text-align:center;
  font-family:comic-sans;
}
#result {
  font-size:20px;
  font-weight: bolder;
  text-shadow: 2px 2px 5px darkred;
}