@keyframes slideUp{
  0%{
    transform: translateX(-100%);
  }
  100%{
    transform: translateX(0);
  }
}
#canvascontent{
  animation: 1s ease-out 0s 1 slideUp;
}

#pagecontent{
  min-height: 100px !important;
}
.card{
  width: 50%;
  max-height: 200px !important;
  display: inline-block;
  max-width: 50%;
}
.flex-container{
  display: flex;
}
@keyframes slideLeft{
  0%{
    transform: translateX(100%);
  }
  100%{
    transform: translateX(0);
  }
}


  .slideup-animation {
    animation: 1s ease-out 0s 1 slideLeft;
  }
  .width1280{
    max-width: 1280px;
    margin: auto;
  }