body{
    font-family: sans-serif;
    background-color: black;
    color: orange;
}
p{
    color: orange;
}
.homebutton1 {
  background-color: #04AA6D;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.homebutton1 {
  background-color: black;
  color: white;
  border: 3px solid #fffff;
}

.homebutton1:hover {
  background-color: white;
  color: black;
}

.wordlebutton1 {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.wordlebutton1 {
  border-radius: 25px;
  background: #ed2f2f;
  width: 150px;
  height: 150px;
  padding: 70px 0;
}
.wordlebutton1 {
  transition-duration: 0.4s;
}
.wordlebutton1:hover {
  background-color: #ed5555; 
  color: white;
}

.circlesbutton2 {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.circlesbutton2 {
  border-radius: 25px;
  background: #05b4ed;
  width: 150px;
  height: 150px;
  padding: 70px 0;
}
.circlesbutton2 {
  transition-duration: 0.4s;
}
.circlesbutton2:hover {
  background-color: #42c3ed; 
  color: white;
}

.pongbutton3 {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.pongbutton3 {
  border-radius: 25px;
  background: #2d3030;
  width: 150px;
  height: 150px;
  padding: 70px 0;
}
.pongbutton3 {
  transition-duration: 0.4s;
}
.pongbutton3:hover {
  background-color: #575959; 
  color: white;
}

.chasebutton4 {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.chasebutton4 {
  border-radius: 25px;
  background: #fcba03;
  width: 150px;
  height: 150px;
  padding: 70px 0;
}
.chasebutton4 {
  transition-duration: 0.4s;
}
.chasebutton4:hover {
  background-color: #fac42f; 
  color: black;
}

.guessbutton5 {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.guessbutton5 {
  border-radius: 25px;
  background: #33e817;
  width: 150px;
  height: 150px;
  padding: 70px 0;
}
.guessbutton5 {
  transition-duration: 0.4s;
}
.guessbutton5:hover {
  background-color: #61ed4c; 
  color: black;
}

.rpcbutton6 {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.rpcbutton6 {
  border-radius: 25px;
  background: orange;
  width: 150px;
  height: 150px;
  padding: 70px 0;
}
.rpcbutton6 {
  transition-duration: 0.4s;
}
.rpcbutton6:hover {
  background-color: #e8a010; 
  color: white;
}

.dicebutton7 {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.dicebutton7 {
  border-radius: 25px;
  background: #1a1919;
  width: 150px;
  height: 150px;
  padding: 70px 0;
}
.dicebutton7 {
  transition-duration: 0.4s;
}
.dicebutton7:hover {
  background-color: gray; 
  color: black;
}

.acesbutton8 {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-align: middle;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.acesbutton8 {
  border-radius: 25px;
  background: #1a1919;
  width: 150px;
  height: 150px;
  padding: 70px 0;
}
.acesbutton8 {
  transition-duration: 0.4s;
}
.acesbutton8:hover {
  background-color: gray; 
  color: black;
}

.loopbutton500 {
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.loopbutton500 {
  border-radius: 25px;
  background: black;
  width: 300px;
  height: 150px;
  padding: 70px 0;
}
.loopbutton500 {
  transition-duration: 0.4s;
}
.loopbutton500:hover {
  background-color: red; 
  color: black;
}

.center {
  margin: auto;
  padding: 10px;
}
.center {
  text-align: center;
}
.center {
  padding: 70px 0;
}