h1 {
 font-family: verdana, sans-serif;
 font-weight: bold;
 font-size: 28px;
}

p {
 font-family: verdana, sans-serif;
 font-size: 12px;
}

#canvas {
 width: 200px;
 height: 200px;
 border: 5px solid #ddd;
 border-radius: 10px;
 -moz-border-radius: 10px;
}

#middle {
 background-color: #aaa;
 position: relative;
 width: 4px;
 height: 4px;
 left: 98px;
 top: 98px;
}

#ball {
 background-color: green;
 position: relative;
 width: 20px;
 height: 20px;
 left: 90px;
 top: 90px;
 border-radius: 20px;
 -moz-border-radius: 20px;
 box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
 -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
 background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 12px);
 background-image: -webkit-gradient(linear, 0 0, 0 12, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
}

#warning {
 display: none;
 padding: 5px 10px;
 font-weight: bold;
}