body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    Fira Sans,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  margin: 0;
}
code {
  font-family:
    source-code-pro,
    Menlo,
    Monaco,
    Consolas,
    Courier New,
    monospace;
}
* {
  -webkit-user-select: none;
  user-select: none;
}
.App {
  text-align: center;
}
h1 .subtitle {
  color: #22c55e;
  font-size: 0.7em;
  font-weight: 400;
}
.score-time-bar {
  display: flex;
  justify-content: space-between;
  margin: auto;
  width: 40%;
}
.message-good {
  color: green;
}
.message-mid {
  color: #ff8c00;
}
.message-bad {
  color: red;
}
.mole-hill-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
  width: 40%;
}
.mole-hill {
  background-color: #0003;
  border-radius: 40%;
  margin-bottom: 2%;
  margin-right: 2%;
  width: 30%;
}
.mole-hill:last-child {
  margin-right: 0;
}
.mole-hill img {
  height: 100%;
  width: 100%;
}
.start-button {
  background: green;
  border: none;
  border-radius: 20%;
  color: #fff;
  cursor: pointer;
  font-size: larger;
  font-weight: 700;
  margin: 2% auto;
  padding: 2%;
  width: 15%;
}
.start-button:hover {
  border: 1px solid #fff;
}
.start-button:active {
  background: #006400;
  border: 4px solid #fff;
}
/*# sourceMappingURL=main.6ef614a3.css.map*/