/* dice1.css */

body {
  background-color: green; 
}

h1 {
  font: normal bold 2.25em/2.45em Georgia, serif;
  color: white;
}

h2 {
  font: normal bold 2.00em/2.10em Georgia, serif;
  color: blue;
}

h3 {
  font: normal bold 1.50em/2.00em Georgia, serif;
  color: darkgreen;
}

button {
  background: green;
  color: white;
  margin-left: 35%;   /* push button to center area */
}

button h2 {
  color: white;
}

button img {
  margin: 4px;
  padding: 6px;
}

.hide {
  display: none;
}

.spin {
  transition-property: transform rotate(180deg);
  transition-duration: 4s;  /* 4 seconds transition when opacity changes */
}