button {
  color: var(--secondary);
  background-color: var(--background);
  transition: color 1s;
  border-radius: 15px;
  box-shadow: var(--first_shadow), var(--second_shadow);
  transition: 0.5s text-shadow;
}

button:hover {
  color: var(--primary);
  cursor: pointer;
  text-shadow: 0 0 1px var(--primary);
}

button:active {
  box-shadow: var(--first_shadow) inset, var(--second_shadow) inset;
}

input {
  color: var(--secondary);
  background-color: var(--background);
  transition: color 1s;
  border-radius: 15px;
  box-shadow: var(--first_shadow) inset, var(--second_shadow) inset;
}

input::placeholder {
  color: #a0a0a0;
}

a {
  color: var(--secondary);
  text-shadow: var(--first_shadow), var(--second_shadow);
  transition: color 1s;
}

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