style.css

body {
  background-image: url("img/earth.PNG");
  background-repeat: no-repeat;
  background-size: 100% 460%;
  margin-left: auto;
  margin-right: auto;
  color: lightgoldenrodyellow;
  font-family:'Courier New', Courier, monospace;
  font-size: small;
}

#earth {
  margin-left: 500px;
}

#planet {
  margin-left: 300px;
  margin-right: 300px;
  font-size:small;
}

p {
  margin-top: 10px;
  margin-bottom: 3px;
}

.hidden {
  display: none;
}

button {
  cursor: pointer;
  font-family:'Courier New', Courier, monospace;
  font-size: small;
}

a:link {
  color:rgb(250, 157, 157);
}

a:visited {
  color:rgb(189, 219, 243);
}

.rainbow-letters span:nth-child(10n + 1) {
  color: #eddf4b;
}

.rainbow-letters span:nth-child(10n + 2) {
  color: #4caf50;
}

.rainbow-letters span:nth-child(10n + 3){
  color: #00bcd4;
}

.rainbow-letters span:nth-child(10n + 5){
  color: #2196f3;
}

.rainbow-letters span:nth-child(10n + 4) {
  color: #fa81f6;
}

.rainbow-letters span:nth-child(10n + 6){
  color: #00bcd4;
}

.rainbow-letters span:nth-child(10n + 7){
  color: #4caf50;
}

.rainbow-letters span:nth-child(10n + 8){
  color: #ffc107;
}