style.css

body
{
  background-color: #F3F5FC;
}

*
{
  margin: 0px;
  padding: 0px;
}

html
{
  font-size: 16px;
}

#persona
{
  max-height: 100%;
  max-height: 100%;
  display: inline-block;
}

.persona-ahorcada
{
  width: 100vw;
  text-align: center;
  margin-top: 4rem;
  margin-bottom: 2rem;
  height: 16.75rem;
}

.adivina
{
  text-align: center;
  color: #06316C;
  font-size: 1.8rem;
}

.letra
{
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.adivinada
{
  width: 4.5rem;
  height: 4.5rem;
  border-bottom: solid 1px #06316C;
  margin-left: 0.4rem;
  line-height: 4.5rem;
}

.fallado
{
  text-align: center;
  margin-top: 1rem;
  color: #242D34;
}

.fallida
{
  margin-left: 1rem;
}

[type="button"]
{
  width: 15rem;
  padding: 1rem;
  border-radius: 1rem;
  border: solid 1px #0A3871;
  color: #0A3871;
  background: inherit;
  cursor: pointer;
}

.btn-azul
{
  background-color: #0A3871;
  color: #FFFFFF;
  border-color: #000000;
}

.botones
{
  text-align: center;
  margin-top: 3rem;
}