body,
.brand,
h1,
h2,
.button,
.domain-card strong,
input,
textarea {
  font-family: Arial, sans-serif;
}

h1,
h2 {
  letter-spacing: -0.035em;
}

h1 em {
  color: inherit;
  -webkit-text-stroke: 0;
}

.comet {
  width: 140px;
  transform: none;
}

.c1 { top: 14%; animation: comet-horizontal 9s linear infinite 1s; }
.c2 { top: 39%; animation: comet-horizontal-small 12s linear infinite 5s; scale: 1; }
.c3 { top: 68%; animation: comet-horizontal-tiny 15s linear infinite 9s; scale: 1; }

@keyframes comet-horizontal {
  0% { transform: translateX(-15vw); opacity: 0; }
  8% { opacity: 1; }
  78% { opacity: 0.9; }
  88%, 100% { transform: translate(140vw, 5vh); opacity: 0; }
}

@keyframes comet-horizontal-small {
  0% { transform: translateX(-15vw) scale(0.65); opacity: 0; }
  8% { opacity: 1; }
  78% { opacity: 0.75; }
  88%, 100% { transform: translate(140vw, 4vh) scale(0.65); opacity: 0; }
}

@keyframes comet-horizontal-tiny {
  0% { transform: translateX(-15vw) scale(0.45); opacity: 0; }
  8% { opacity: 1; }
  78% { opacity: 0.6; }
  88%, 100% { transform: translate(140vw, 3vh) scale(0.45); opacity: 0; }
}
