
#guess_input {
  display: block;
  margin: 0.5em auto;
  border: none;
  padding: 0;
  font: 5ch droid sans mono, consolas, monospace;
  letter-spacing: 0.5ch;
}
#guess_input.lettre7 {
  width: 10.5ch;
  background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 1ch, transparent 0, transparent 1.5ch) 0 100%/ 10ch 2px no-repeat;
}
#guess_input.lettre6 {
  width: 9ch;
  background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 1ch, transparent 0, transparent 1.5ch) 0 100%/ 8.5ch 2px no-repeat;
}
#guess_input.lettre5 {
  width: 7.5ch;
  background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 1ch, transparent 0, transparent 1.5ch) 0 100%/ 7ch 2px no-repeat;
}
#guess_input.lettre4 {
  width: 6ch;
  background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 1ch, transparent 0, transparent 1.5ch) 0 100%/ 5.5ch 2px no-repeat;
}

#guess_input:focus {
  outline: none;
  color: dodgerblue;
}

#guess_input:focus {
  outline: none;
  color: dodgerblue;
}

#guessgame {
    text-align:center;
}
#guessgame h3 {
    font-size: 6ch;
}        
#solutions {
    display:none;
    margin: auto;
    width:min-content;
}
#score_main {
    padding: 20px;
    font-size: 1.5em;
    font-weight: bold;
}
#play_container {
    padding:30px; 
    text-align:center;
}

#play_container h3 {
    padding:0px;
}