@keyframes blink {
  0%   { color: var(--main-color);}
  15%  { color: var(--back-color);}
  35%  { color: var(--back-color);}
  50%  { color: var(--main-color);}
  65%  { color: var(--back-color);}
  85%  { color: var(--back-color);}
  100%  { color: var(--main-color);}
}

@keyframes blinkBack {
  0%   { background-color: var(--back-color);}
  15%  { background-color: var(--main-color);}
  35%  { background-color: var(--main-color);}
  50%  { background-color: var(--back-color);}
  65%  { background-color: var(--main-color);}
  85%  { background-color: var(--main-color);}
  100%  { background-color: var(--back-color);}
}

@keyframes blinkBorder {
  0%   { border-color: var(--main-color);}
  15%  { border-color: var(--accent-color);}
  35%  { border-color: var(--accent-color);}
  50%  { border-color: var(--main-color);}
  65%  { border-color: var(--accent-color);}
  85%  { border-color: var(--accent-color);}
  100%  { border-color: var(--main-color);}
}

@keyframes float {
  0%   { transform: translateY(0px); }
  35%  { transform: translateY(1px); }
  50%  { transform: translateY(-10px); }
  65%  { transform: translateY(1px); }
  100% { transform: translateY(0px); }
}