:root {
  --link-text-color: #0050e6;
  --error-text-color: #6b0000;
}
:root.dark {
  --link-text-color: #a6bce5;
  --error-text-color: #ff7777;
}

main a:not(.tag) {
  color: var(--link-text-color) !important;
  text-decoration: none;
}

main a:not(.tag):hover {
  text-decoration: underline;
}

ul {
  list-style: inside !important;
}

div.mt-6 ul li {
  font-size: 18px !important;
}

#contact-name-textbox.invalid:not(.valid) {
  border-color: var(--error-text-color);
}
#contact-name-textbox.invalid:not(.valid)::placeholder {
  color: var(--error-text-color);
}

#contact-email-textbox.invalid:not(.valid) {
  border-color: var(--error-text-color);
}
#contact-email-textbox.invalid:not(.valid)::placeholder {
  color: var(--error-text-color);
}

#message.invalid:not(.valid) {
  border-color: var(--error-text-color);
}
#message.invalid:not(.valid)::placeholder {
  color: var(--error-text-color);
}