* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  color: white;
  font-size: 12px;
}
.bodycontainer {
  background-color: #52489c;
}
.bodycontainer2 {
  background-color: #fbad0c;
}
.bodycontainer3 {
  background-color: #59c3c3;
}
h2 {
  text-align: center;
  padding: 10px;
}
.cube,
.result,
.reset-button {
  text-align: center;
  margin: 0 auto;
  padding: 10px;
}
img.cube-image,
img.cube2-image {
  width: 100px;
  border: solid 5px #c5c3d8;
}
img.cube-image2,
img.cube2-image2 {
  width: 100px;
  border: solid 5px #5686b0;
}
.btn,
.btn2 {
  font-weight: bold;
  color: white;
  background: #9f9ac4;
  border: solid 5px #c5c3d8;
  padding: 10px;
  margin: 20px;
}
a.btn2 {
  color: white;
}
.btn3,
.btn4 {
  border: 5px solid #5686b0;
}
.result p {
  font-size: 16px;
  padding: 5px;
}