.content h3{
  color: #4659f7;
}

.neo-link {
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
  position: relative;
  color: white;
}

.neo-link::before {
  content: "[ ";
  color: #4659f7;
}

.neo-link::after {
  content: " ]";
  color: #4659f7;
}

.neo-link:hover {
  text-decoration: underline;
}


.header {
  background: white;
  color: black;

  font-weight: bold;
  text-align: center;
  align-self: stretch;

  padding: 8px;

  letter-spacing: 2px;
}

/*-----------------------------------------*/

.shake {
  display: inline-block;
  animation: shake 0.2s infinite;
  font-weight: bold;
}

@keyframes shake {
  0%  { transform: translate(0px, 0px); }
  25% { transform: translate(-1px, 1px); }
  50% { transform: translate(1px, -1px); }
  75% { transform: translate(-1px, -1px); }
  100%{ transform: translate(1px, 1px); }
}

.wave span {
  display: inline-block;
  animation: wave 1.5s ease-in-out infinite;
}

@keyframes wave {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-4px); }
}

.colorful-title{
  font-weight: bold;
  font-size: 20px;

  animation: colorChange 3s infinite linear;
}

@keyframes colorChange {
  0%   {color: white;}
  33%  {color: #7167dd;}
  66%  {color: #4659f7;}
  100% {color: white;}
}

.whisper {
  font-size: 12px;
  opacity: 0.6;
  font-style: italic;
  letter-spacing: 2px;
  animation: breathe 3s ease-in-out infinite;
}

@keyframes breathe {
  0%, 100% { opacity: 0.6; }
  50%      { opacity: 0.7; }
}