.textbox {
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  color: #EFE4B0;
  outline-color: #880015;
  background-color: #ED1C24;
  outline-width: 100px;
}

#title {
  width: 250px;
  height: 50px;
}

#subtitle {
  width: 575px;
}

#bigredbutton {
  position: absolute;
  left: 40%;
  top: 70%;
  width: 220px;
  height: 108px;
}

.buttonnotpressed {
  background-image: url("Sprites/ButtonNotPressed.png");
  background-color: #3F48CC;
}

.buttonpressed {
  background-image: url("Sprites/ButtonPressed.png");
  background-color: #3F48CC;
}

.buttonpressedDead {
  background-image: url("Sprites/ButtonPressed.png");
  background-color: #000000;
}

.buttonnotpressedDead {
  background-image: url("Sprites/ButtonNotPressed.png");
  background-color: #000000;
}

#slotmachine {
  position: absolute;
  left: 30%;
  top: 25%;
  width: 718px;
  height: 423px;
}

.slotmachinenotpressed {
  background-image: url("Sprites/Slot\ machine\ not\ pressed.png");
}

.slotmachinepressed {
  background-image: url("Sprites/Slot\ machine\ pressed.png");
}

#slotmachinetext {
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  color: black;
  position: relative;
  padding: 0;
  max-width: 315px;
}

.slotmachinetext1 {
  left: 21%;
  top: 34%;
}

.slotmachinetext2 {
  left: 8%;
  top: 34%;
}

.slotmachinetext3 {
  left: 8%;
  top: 34%;
  animation-name: Rainbow;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#TV {
  position: absolute;
  left: 70%;
  width: 249px;
  height: 201px;
  animation-name: TV;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.TVAlive {
  background-image: url("Sprites/Tv.png");
}

.TVDead {
  background-image: url("Sprites/Tv\ Lose.png");
}

#TVText {
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  color: black;
  position: relative;
}

.TVText1 {
  left: 27%;
  top: 36%;
  font-size: 33px;
}

.TVText2 {
  left: -8%;
  top: 50%;
}

.TVTextDead {
  color: transparent;
  font-size: 0;
}

@keyframes TV {
  0% {
    top: 25%;
  }
  50% {
    top: 50%;
  }
  100% {
    top: 25%;
  }
}

@keyframes Rainbow {
  0% {
    color: #ff0000;
  }
  33% {
    color: #00ff00;
  }
  66% {
    color: #0000ff;
  }
  100% {
    color: #ff0000;
  }
}

#SelfDestruct {
  position: absolute;
  top: 75%;
  left: 0%;
  width: 249px;
  height: 249px;
  background-image: url("Sprites/SelfDestruct.png");
  background-color: #3F48CC;
}

#Explosion {
  position: absolute;
  top: 10%;
  left: 30%;
}

.explosion1 {
  width: 0px;
  height: 0px;
  background-image: url();
}

.explosion2 {
  width: 710px;
  height: 1000px;
  background-image: url("Sprites/Explosion.gif");
}

body {
  overflow: hidden;
}

.bg1 {
  background-image: url("Sprites/BG.png");
}

.bg2 {
  background-image: url("Sprites/BG2.png");
}

.hide {
  width: 0px;
  height: 0px;
  display: none;
}