@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@600&family=VT323&display=swap');

#button1 {
    background-image: url('ACTION_BUTTON_LARGE.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    font-family: "VT323", monospace;
    font-weight: 400;
    font-style: normal;
    /* font-size: 30px; */
    font-size: clamp(18px, 4vw, 30px);
    color: white;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }

  #button1:active {
    background-image: url('ACTION_BUTTON_LARGE.png');
    filter: brightness(1.2);

  }

#startMenuButton {
    background-image: url('StartMenu_butoon_unpressed.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    font-family: "VT323", monospace;
    font-weight: 400;
    font-style: normal;
    /* font-size: 30px; */
    font-size: clamp(18px, 4vw, 30px);
    color: white;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }

#startMenuButton:active {
    background-image: url('StartMenu_butoon_pressed.png');
    filter: brightness(1.2);

  }

#skipDialogueButton {
    background-image: url('SKIP_BUTTON.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    font-family: "VT323", monospace;
    font-weight: 400;
    font-style: normal;
    /* font-size: 30px; */
    font-size: clamp(18px, 4vw, 30px);
    color: white;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }

#skipDialogueButton:active {
    background-image: url('SKIP_BUTTON.png');
    filter: brightness(1.2);

  }


#startMenuContinueButton {
    background-image: url('starMenu_NEW_GAME_BUTTON_LARGE.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    font-family: "VT323", monospace;
    font-weight: 400;
    font-style: normal;
    /* font-size: 30px; */
    font-size: clamp(18px, 4vw, 30px);
    color: white;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }

#startMenuContinueButton:active {
    background-image: url('starMenu_NEW_GAME_BUTTON_LARGE.png');
    filter: brightness(1.2);

  }

/* Clinic Action Butoons  */

#actionButton {
    background-image: url('ACTION_BUTTON_LARGE.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    font-family: "VT323", monospace;
    font-weight: 400;
    font-style: normal;
    /* font-size: 30px; */
    font-size: clamp(18px, 4vw, 30px);
    color: white;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
#actionButton:hover { /* released */
  background-image: url('ACTION_BUTTON_LARGE.png');
}
#actionButton:active {
    background-image: url('ACTION_BUTTON_LARGE.png');

  }



#actionButton1 {
  min-width: 130px;
  height: 40px;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  border-radius: 5px;
  border: none;
  background: #3a86ff;
  box-shadow: 0 5px #4433ff;
}
#actionButton1:hover  {
  box-shadow: 0 3px #4433ff;
  top: 1px;
}
#actionButton1:active {
  box-shadow: 0 0 #4433ff;
  top: 5px;
}