html {
  background-color: var(--backg-color--dark);
  color: var(--lighter-color);
  font-family: "Satoshi", Arial, Helvetica, sans-serif;
  font-size: 16px;
}

textarea {
  resize: none;
}

em {
  color: var(--primary-color);
  font-style: normal;
}

button {
  background-color: var(--secondary-color);
  color: var(--lighter-color);
  border-width: 0px;
  border-radius: 1.2rem;
  padding: 0.5rem 1.5rem;
  font-weight: 900;
  font-size: 1.2rem;
  width: fit-content;
}

a,
a:visited,
a:active {
  color: var(--lighter-color);
  text-decoration: none;
}

a:hover {
  color: var(--primary-color);
  cursor: pointer;
}