:root {
  /* --bg-color: linear-gradient(215deg, #cbb8ba, #706768); */
  --bg-color: #b3baff;
  --main-color: #130f1a;
  --caret-color: #00e9e5;
  --sub-color: #6f6c91;
  --text-color: #130f1a;
  --error-color: #ffe23e;
  --error-extra-color: #fff1c3; 
  --extra-error-color: #ffe23e;
  --extra-error-extra-color: #fff1c3; 
}

.word.error{
  border-bottom: dotted 2px var(--text-color);
}

#menu .button:nth-child(1){
  background: var(--caret-color);
  border-radius: 50%;
}

#menu .button:nth-child(2){
  background: var(--error-color);
  border-radius: 50%;
}