#guess {
  padding: 12px;
  width: 65%;
  border: 3px solid var(--amarillo);
  border-radius: 4px;
  font-family: inherit;
  font-size: 16px;
}

#guess:focus {
  border-color: var(--teal);
  outline: none;
}

#guess-btn {
  margin-left: 8px;
}

#hint {
  font-size: 16px;
  color: var(--oscuro);
  margin-top: 10px;
  font-style: italic;
  opacity: 0.8;
}