@keyframes border-fade-in {
  0%{
    box-shadow: 
    0 0 0 2px 
    rgba(255, 255, 255, 0);
  }

  50%{
    box-shadow: 
    0 0 0 2px 
    rgba(255, 255, 255, 0.2);
  }

  100%{
    box-shadow: 
    0 0 0 2px 
    rgba(255, 255, 255, 0.3);
  }
}

@keyframes fade-in-right {
  0%{
    transform: translateX(-4rem) scale(70%);
    opacity: 0;
  }
  90%{
    transform: translateX(0.5rem) scale(105%);
    opacity: 0.9;
  }
  100%{
    transform: translateX(0) scale(100%);
    opacity: 1;
  }
  
}