style.css

body {
  position: fixed;
  height:100vh;
  width: 100vw ;
  margin: 0px;
  background-color: black;
  background-image: url(./images/bg.png);
  background-repeat: no-repeat;

}

.container {
  height: 95vh;
  width: 95vw;
  position: absolute;
  margin: auto;
}

.button-container {
  margin: 50vh auto;
  text-align: center;
  position: relative;
}


#start-button {
    background-color: red;
    position: relative;
    margin: auto;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.damageFeedback {
  background-image: radial-gradient(ellipse, rgba(255, 0, 0, 0) 0%, rgba(255, 0, 0, 0) 50%, rgba(255, 0, 0, 0.5) 95%);
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 150 ;
}



.tie {
  width: auto;
  position: absolute;
  background-image: url(images/tie.png);
  background-size: contain;
  background-repeat: no-repeat;
}


.dead {
  background-image: url(images/boom.gif)
}

.status {
  width: auto;
  color: white;
  margin: 40px;
  font-size: 30px;
  font-family: 'Press Start 2P';
}


.leveltransition {
  position: relative;
  width: 1200px;
  color: white;
  margin: 200px auto;
  text-align: center;
  font-size: 120px;
  font-family: 'Press Start 2P'
}

.winner-screen {
  position: relative;
  width: 1200px;
  color: white;
  margin: 200px auto;
  text-align: center;
  font-size: 70px;
  font-family: 'Press Start 2P'
}