.formfield {
  font-family: "Herculanum", serif;
  border-radius: 10px;
  border: 1px solid rgb(0, 162, 255);
  background: #000;
  padding: 10px 20px;
  font-size: 2.3vh;
  color: rgb(0, 234, 255);
  text-align: center;
  outline: none !important;
  animation: glow 2s ease-in-out infinite alternate;
}

@keyframes glow {
  0%   { box-shadow: 0 0 3px 1px rgba(255,255,255,.7), 0 0 10px 10px rgba(0,234,255,0.1); }
  100% { box-shadow: 0 0 3px 1px rgba(255,255,255,.7), 0 0 10px 10px rgba(0,234,255,.5); }
}

.formfield:focus {
  outline: none !important;
  border:1px solid rgb(0, 234, 255);
  box-shadow:
    0 0 3px 1px #fff,  /* inner white */
    0 0 20px 10px rgb(0, 162, 255); /* outer cyan */
	animation: none;
}
