body {
  background-image: url("m.k..webp");
}

h1, p, #f1attack, #f2attack, #f1healthText, #f2healthText {
    color: rgb(255, 254, 255);

}

h1, h2 {
    text-align: center;
}

h2 {
    color: rgb(175, 68, 175);
    font-weight: bold;
    margin-left: 27%;
    margin-right: 27%;
}

#start {
    background-color: purple;
    color: white;
    font-weight: bold;
    border-color: white;
    border: 5%;
}

.fighters {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

#f1defend, #f2defend {
    background: rgb(132, 170, 76);
    font-weight: bold;
}

#f1attack, #f2attack {
    background: rgb(236, 60, 60);
    font-weight: bolder;
}

footer {
    text-align: center;
}