/* button that gets bigger on hover */
.button {
}

.button:active {
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  box-shadow: 0px 0px 0px 0px;
}

.big_on_hover {
  box-shadow: 2.0px 2.0px 3.0px #888888;
  transition: all 0.1s ease;
  transform: scale(1.0);
}

.big_on_hover:hover {
  transform: scale(1.07)
}

/* pulsating glowing border effect */
.glowing_border {
  border: 4px solid #FFC300;
  border-radius: 7px;
  animation: pulse 1s infinite;
}

.glowing_border:focus {
  outline: none;
  border-color: #FFC300;
}

@keyframes pulse {
  0% {
    transform: scale(1.0);
    border-color: #FFFF00;
  }

  50% {
    transform: scale(1.0);
    border-color: #FFCC00;
  }

  100% {
    transform: scale(1.0);
    border-color: #FFFF00;
  }
}

/* Press Start 2P font */
@font-face {
  font-family: 'Press Start 2P';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.gstatic.com/s/pressstart2p/v14/e3t4euO8T-267oIAQAu6jDQyK3nVivNm4I81.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}