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

#app {
  width: 80%;
  margin: 0px auto; }
  #app #players-box .player {
    width: 39%;
    margin: 30px 5%;
    display: inline-block; }
    #app #players-box .player h1 {
      text-align: center;
      padding: 30px; }
    #app #players-box .player .health-bar {
      width: 100%;
      height: 40px;
      box-shadow: 8px 5px 5px #aaaaaa;
      background-color: lightgray; }
      #app #players-box .player .health-bar .health-act {
        font-size: 25px;
        height: 40px;
        background-color: #008500;
        color: white;
        text-align: center;
        line-height: 40px;
        transition: width 500ms; }
  #app #attack-box {
    padding: 30px;
    margin: 30px 0;
    border: 1px solid lightgray;
    box-shadow: 5px 5px 5px #aaaaaa; }
    #app #attack-box .btn {
      padding: 15px 25px;
      margin: 0px 10px;
      border: none;
      box-shadow: 1px 5px 20px #aaaaaa;
      border-radius: 5px;
      font-size: 18px; }
    #app #attack-box #attack-btn {
      background-color: #dc3545;
      color: white; }
    #app #attack-box #spec-att-btn {
      background-color: #fd7e14;
      color: white; }
    #app #attack-box #heal-btn {
      background-color: #28a745;
      color: white; }
    #app #attack-box #giveup-btn {
      background-color: white; }
    #app #attack-box #start-btn {
      background-color: lightgreen;
      color: darkgreen; }
    #app #attack-box .btn:active {
      border: none; }
    #app #attack-box .btn:hover {
      border-radius: 0px; }
  #app #info-box {
    padding: 30px;
    margin: 30px 0;
    border: 1px solid lightgray;
    box-shadow: 5px 5px 5px #aaaaaa; }
    #app #info-box p {
      text-align: center;
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 700;
      padding: 10px 0;
      margin: 7px 0;
      border-radius: 8px; }
    #app #info-box .att-y {
      color: #080033;
      background-color: #bdbaff; }
    #app #info-box .att-m {
      color: #6e0500;
      background-color: #ffac8d; }

/*# sourceMappingURL=style.css.map */