body {
    margin: 50px;
    background-color: #EBBE17;
    background-color: lightcyan;
    background-color: #283583;
    background-color: blue;
    background-color: #0B5ED7;
}

img {
    width: 80%;
    margin: 5% 10%;
}

.card {
    height: 100%;
}

.centered  {
    text-align: center;
}

a, a:visited {
    color: black;
}

.card-text {
    min-height: 50px;
}

.card-footer {
    min-height: 160px;
}

ul li {
    list-style: none;
    margin: 8px 0;
    padding-left: 16px;
    border-left: 2px solid lightgray;
  }

.appear-left {
    animation: appear-left 0.6s forwards;
    animation-timing-function: linear;
    z-index: 500;
}
.appear-right {
    animation: appear-right 0.6s forwards;
    animation-timing-function: linear;
    z-index: 1000;
}


@keyframes animateDiv {
    100% {opacity: 100%; transform: translate(0%) ;}
    0%{opacity: 0%}
  }

@keyframes appear-left {
    100% {transform: translate(0%) ;}
    0%{transform: translate(-50%) ;}
}
@keyframes appear-right {
    100% {transform: translate(0%) ;}
    0%{transform: translate(50%) ;}
}