/* add Graduate and Pixelify Sans fonts from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Martian+Mono&family=Pixelify+Sans:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

.great-vibes-font {
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
}

.min-svh-100 {
  min-height: 100svh;
}

body {
  height: 100svh;
  min-height: 100svh;
  width: 100vw;
  min-width: 100vw;
  overflow: hidden;
  /* font-family: 'Pixelify Sans', monospace !important; */
  font-family: monospace !important;
  user-select: none;
  pointer-events: auto;
  cursor: default !important;
  background-color: lightblue !important;
}

@media (max-width: 768px) {
  body {
    height: auto;
  }
}

#game-screen,
#game-parent {
  cursor:url("./img/pixel-cursor-small.png"), auto !important;
}

#game-screen button,
#game-parent button {
  cursor:url("./img/pixel-pointer-small.png"), auto !important;
}

.timer-font {
  font-family: 'Martian Mono', 'Pixelify Sans', monospace !important;
}

.no-text-shadow {
  text-shadow: none !important;
}

/* define a fade away transition */
.fade-away {
  opacity: 0;
  transition: opacity 0.5s;
}

/* define a fade in transition */
.fade-in {
  opacity: 1;
  transition: opacity 0.5s;
}