.enigma-textarea {
  position: relative;
  width: 70%;
  max-width: 600px;
  margin: 0 auto;
  display: none;
}

#enigma-input {
  width: 100%;
  height: 200px;
  padding: 20px;
  font: 3ch software_tester;
  border: 2px solid rgb(39, 39, 51);
  background-color: rgb(23, 23, 34);
  color: rgb(201, 172, 113);
  border-radius: 10px;
  outline: none;
  resize: none;
  margin-top: 20px;
  margin-bottom: 20px;
}

#enigma-input::placeholder {
  color: #666;
  font: 1ch Arial;
}

/* 
#enigma-input:focus {
  border-color: red;
  box-shadow: 0 0 10px red;
  transition: border-color 0.5s, box-shadow 0.5s;
}

#enigma-input:focus {
  border-color: var(--border-color, red);
  box-shadow: 0 0 10px var(--box-shadow-color, red);
}*/

#input-submit {
  display: none;
  font-family: 'Courier New', Courier, monospace;
  margin: 0.5em;
  border: none;
  padding: 0;
  width: calc(7 * (1ch + 0.5ch) );
  background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 1ch, transparent 0, transparent calc(1ch + 0.5ch)) 0 100%/ calc(29 * (1ch + 0.5ch) - 0.5ch) 2px;
  letter-spacing: 0.5ch;
  color: rgb(219, 219, 219);
  max-width: 100%;
  word-wrap: break-word;
}
  
#input-submit:focus {
  outline: none;
}

#rappel {
  display: none;
  font-family: 'Courier New', Courier, monospace;
  margin: 0.5em;
  border: none;
  padding: 0;
  width: calc(7 * (1ch + 0.5ch) );
  background: repeating-linear-gradient(90deg, transparent 0, transparent 1ch, transparent 0, transparent calc(1ch + 0.5ch)) 0 100%/ calc(29 * (1ch + 0.5ch) - 0.5ch) 2px;
  letter-spacing: 0.5ch;
  color: rgb(201, 172, 113);
  max-width: 100%;
  word-wrap: break-word;
}
  
#rappel:focus {
  outline: none;
  color: rgb(201, 172, 113);
}

  @font-face {
    font-family: 'software_tester';
    src: url('../fonts/software_tester.ttf') format('truetype');
    /* Autres propriétés de la police */
}

.crypted-hint-box {
  flex-direction: column;
  display: flex;
  width: 100%;
  align-items: center;
}