@charset "utf-8";

body {
  background: #e6f6ff;
}

main {
  background: #fff;
  width: 320px;
  margin: 16px auto 0;
  text-align: center;
  padding: 16px;
}

p {
  margin: 0;
  background: #ddd;
  padding: 32px 0;
  font-size: 40px;
  font-family: "Courier New";
}

button {
  all: unset;
  width: 100%;
  background: #08c;
  color: #fff;
  font-weight: bold;
  padding: 16px 0;
  margin-top: 16px;
  cursor: pointer;
}

button:hover {
  opacity: .6;
}

button:active {
  opacity: .4;
}

.inactive {
  background: #ddd;
  color: #444;
  cursor: default;
}

.inactive:hover {
  opacity: 1;
}