/* -- */


@keyframes head_title_animation
{
    0% { transform: translateX(-50px); clip-path: inset(0 100% 0 0); opacity: 0; }
   80% { transform: translateX(0); clip-path: inset(0 0% 0 0); }
  100% { opacity: 1; }
}

@keyframes head_content_animation
{
    0% { transform: translateY(-50px); clip-path: inset(100% 0 0 0); opacity: 0; }
   80% { transform: translateX(0); clip-path: inset(0% 0 0 0); }
  100% { opacity: 1; }
}

@keyframes head_button_animation
{
  100% { opacity: 0.8; }
}

@keyframes head_button_image_animation
{
  0% { background-size: auto 100%; }
  2% { background-size: auto 112%; }
  4% { background-size: auto 100%; }
  6% { background-size: auto 112%; }
  8% { background-size: auto 100%; }
  100% { background-size: auto 100%; }
}


/* -- */