/* CSS stylesheet to style HTML elements of the Star Wars game. Needed to add custom styling not handled with Bootstrap.
 
   NAME: style.css
   AUTHOR: Elaina Swann
   DATE: 12/16/2017
   REVISION LOG:
    1.0  12/16/2017 - Baseline version. 
*/

#background {
  height: 100%;
  left: 0px; 
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: -1;
}

.stretch {
  height: 100%;
  width: 100%;
}

h1, h2, h3 {
  color: white;
}

h1 {
  font-family: "Orbitron", sans-serif;
  font-size: 6.0rem;
}

h2 {
  font-family: "Orbitron", sans-serif;
  font-size: 2.8rem;
}

h3 {
  font-family: "Oswald", sans-serif;
}

.img-col {
  height: 15rem;
  width: 17rem;
}

.choose, .chosen {
  background-color: white;
  border: solid .4rem green;
}

.enemy {
  background-color: red;
  border: solid .4rem gray;
}

.defender {
  background-color: black;
  border: solid .4rem green;
}

#obi, #luke, #darth, #leia {
  height: 74%;
  padding: 0 1rem;
  width: 100%;
}

label {
  color: black;
  margin: 0;
  padding: 0;
  width: 100%;
}

.defender-label {
  color: white;
}