.fa-spin {
  animation: spin 2s linear infinite;
  font-size:150%;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

:root {
  --primary   : #c14953ff;
  --secondary : #e5dcc5ff;
  --accent    : #848fa5ff;
  --auxiliary : #4c4c47ff;
}

.bg-primary {
  background-color: var(--primary);
}

.border-primary {
  border-color: var(--primary);
}

.text-primary,
.hover\:text-primary:hover {
  color:var(--primary)
}