/* Sign in / sign up veil */
@layer components {

.veil { max-width: 22rem; margin: 14dvh auto 0; text-align: center; }
.veil__title {
  font-family: var(--font-display); font-weight: 600;
  font-size: 2rem; letter-spacing: 0.45em; text-transform: uppercase;
  margin-bottom: 0; color: var(--gold);
}
.veil__tagline { color: var(--ink-dim); font-style: italic; margin-top: 0.25rem; }
.veil__alt { color: var(--ink-dim); font-size: 0.9rem; margin-top: 1.5rem; }
.veil .card { text-align: left; margin-top: 2rem; }
.veil .form input[type="submit"] { width: 100%; margin-top: 1.25rem; }
.veil__dev-code code { font-size: 1.2rem; font-weight: 700; letter-spacing: 0.2em; color: var(--gold); }

.shake { animation: shake 400ms both; }

}

@keyframes shake {
  0%  { transform: translateX(-1.5rem); }
  25% { transform: translateX(1.5rem); }
  50% { transform: translateX(-0.75rem); }
  75% { transform: translateX(0.75rem); }
}