body {
  background: black;
  color: white;
  text-align: center;
  font-family: sans-serif;
}

#orbit {
  width: 400px;
  height: 400px;
  border: 2px dashed white;
  border-radius: 50%;
  margin: 50px auto;
  position: relative;
}

#sun {
  width: 60px;
  height: 60px;
  background: yellow;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 30px orange;
}

#earth {
  width: 30px;
  height: 30px;
  background: skyblue;
  border-radius: 50%;
  position: absolute;
  cursor: grab;
}

#time {
  margin-top: 20px;
  font-size: 1.5em;
}

button {
  margin-top: 15px;
  padding: 10px 20px;
  font-size: 1em;
  background: #0af;
  color: white;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}

button:hover {
  background: #09c;
}