body {
    background-color: #d8eaf6;
    /* background-image: url('https://images.pexels.com/photos/6319862/pexels-photo-6319862.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
    background-repeat: no-repeat;
    background-size: cover; */
  }
  
  .card {
    animation: slide-in 0.5s forwards;
    opacity: 0;
    transform: translateX(-50px);
  }
  
  @keyframes slide-in {
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }