style.css

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#characterContainer {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

span {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

#duelBtnContainer {
  display: flex;
  justify-content: center;
  /* background-image: url(https://starwarsblog.starwars.com/wp-content/uploads/2020/04/star-wars-backgrounds-14.jpg); */
  width: 100%;
}

#header {
  background-image: url(https://starwarsblog.starwars.com/wp-content/uploads/2020/04/star-wars-backgrounds-14.jpg);
  height: 800px;
}

h1 {
  font-family: Nanum Gothic Coding;
  color: rgb(233, 233, 27);
  padding: 3%;
  font-weight: 100;
  font-size: 69px;
  text-align: center;
}

iframe {
  width: 100%; 
  height: 350px; 
  margin: 0; 
  padding: 0;
}

.wookie {
  font-family: Nanum Gothic Coding;
  color: rgb(233, 233, 27);
  padding: 5%;
  font-weight: 100;
  font-size: 30px;
  text-align: center;
}

.hitPoints {
  font-family: Nanum Gothic Coding;
  color: rgb(233, 233, 27);
  padding: 0;
  font-weight: 100;
  font-size: 40px;
  text-align: center;
}

#versus {
  font-family: Nanum Gothic Coding;
  color: rgb(233, 233, 27);
  padding: 10%;
  font-weight: 100;
  font-size: 40px;
}

#winningMessage {
  font-family: Nanum Gothic Coding;
  color: rgb(233, 233, 27);
  font-weight: 100;
  font-size: 30px;
  text-align: center;
  padding: 30px;
  /* background-image: url(https://starwarsblog.starwars.com/wp-content/uploads/2020/04/star-wars-backgrounds-14.jpg); */
}

#duel {
  font-family: Nanum Gothic Coding;
  color: rgb(0, 15, 181);
  font-weight: 50;
  font-size: 30px;
  text-align: center;
  filter: drop-shadow(0 0 0.75rem crimson);
}

@media only screen and 
(min-width: 375px) and (max-width: 767px){
      #characterContainer {
        display: flex;
        flex-direction: column;
      }
      #header {
        height: 1500px;
      }

    }

  #audio {
  color: rgb(0, 15, 181);
  font-weight: 50;
  filter: drop-shadow(0 0 0.75rem crimson);
  }
  
  #midi {
    text-align: center;
  }