body {
  margin: 0;
}

.game-wrapper {
  height: 100vh;
  width: 100vw;

  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.symon-game-body {
  height: 90%;
  width: 90%;
}

.wavy-background-div {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;

  display: flex;
  justify-content: center;

  background-color: #fefefe;

  z-index: -1;
}

.wavy-background {
  width: 100%;
  height: 100%;
}

.clickable {
  cursor: pointer;
}

.button-invisible {
  opacity: 0;
}

.press-button {
  visibility: visible;

  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.start-button-pressed {
  fill: #590037;
}

.score-counter-wrapper {
  font-family: "Lato-Black", sans-serif;
  position: fixed;
  top: 0.5rem;
  right: 2rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  line-height: 0.5;

}