@keyframes bg_to_white { 
  to { background: #fff; }
}

@keyframes J_go_left {
  0%   { top: 50%;
         left: 50%; 
         transform: translate(-50%, -50%) scale(1); }
  100% { top: 10px; 
         left: var(--logo-left); 
         transform: translate(0, 0) scale(1); } 
}

@keyframes J_shrink_color {
  0%   {
    filter: brightness(0) invert(1);
  }
  100% {
    filter: none;
  }
}

@keyframes form_fade { to { opacity: 1; } } 

:root{
  --logo-left: 16px;        
  --j-scale-end: 0.44;     
}

@media (max-width: 900px){
  :root{
    --logo-left: 12px;   
    --j-scale-end: 0.35;    
  }
}

@media (max-width: 560px){
  :root{
    --j-scale-end: 0.30;    
  }
}