html, body {
    font-family: 'Montserrat', sans-serif;
    background: radial-gradient(circle at center, #0a0030 0%, #040120 100%);
}

@keyframes glowShift {
  0%   { filter: drop-shadow(0 0 8px #0ff) drop-shadow(0 0 16px #0ff); }
  50%  { filter: drop-shadow(0 0 8px #ff00ff) drop-shadow(0 0 16px #ff00ff); }
  100% { filter: drop-shadow(0 0 8px #0ff) drop-shadow(0 0 16px #0ff); }
}

.neon-glow {
  animation: glowShift 4s infinite alternate;
}

#content {
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 316px;
    height: 333px;
}

#contact {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: white;
    padding-top: 15px;
    height: 30px;
}

#contact a:visited,
#contact a:link {
    color: white;
    text-decoration: none;
}

#contact a:hover,
#contact a:active {
    color: #02dce2;
}

@keyframes flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    opacity: 1;
    filter: drop-shadow(0 0 6px #0ff) drop-shadow(0 0 12px #0ff);
  }
  20%, 24%, 55% {
    opacity: 0.7; /* quick dim */
    filter: drop-shadow(0 0 2px #0ff);
  }
}

.neon-glow {
  animation: glowShift 4s infinite alternate,
             flicker 7s infinite,
             subtleGlitch 1.5s infinite;
}