body {
  background-image: url('https://cdn.pixabay.com/photo/2018/03/24/08/56/color-3256055_1280.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  color: rgb(22, 21, 21);
  font-family: Aclonica, sans-serif;
  font-weight: 600;
  margin: 0;
  opacity: 0.9;
  padding: 0;
  position: relative;
}

.color-guess {
  margin: auto;
  max-width: 70%;
}

.ball {
  border: 1px solid black;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  margin: 5px;
  padding: 20px;
}

.main-section {
  background-color: aliceblue;
  border-radius: 15px;
  box-shadow: 10px 5px 5px black;
  margin: 100px auto;
  max-width: 450px;
  padding: 15px;
  text-align: center;
}

.reset-game {
  background-color: black;
  border-radius: 8px;
  color: white;
  font-weight: 700;
  padding: 8px;
}

.reset-game:hover {
  background-color: rgba(0, 0, 0, 0.795);
}