index.css

body {
  background-color: #f3f5fc;
  margin: 0px;
  padding: 0px;
}

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

html {
  font-size: 16px;
}





.logo{
  display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 40px;

position: absolute;
width: 120px;
height: 48px;
left: 40px;
top: 40px;

}

#man {
  max-width: 100%;
  max-height: 100%;
  width: 16.75rem;
  height: 16.75rem;
  display: inline-block;
}


.hang-man {
  width: 100vw;
  text-align: center;
  margin-top:4rem ;
  margin-bottom:2rem
 
}

.adivinhado{
  text-align: center;
  color: #002462;
  font-size: 1.8rem;

 
}

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



.adivinhada{
   
      width: 4.5rem;
      height: 4.5rem;
     
      border-bottom: solid 1px #002462;
      margin-left: 0.4rem;
      line-height: 4.5rem;

}

.errado{
      text-align: center;
      margin-top: 1rem;
      color: #242d34;
      margin-left: 1rem;

  
}

.errada{
  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: white;
  border-color:#000 ;
}

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

}

footer {
  display: flex;
  padding-top: 12px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}