.notification-card {
    background-color: #21B296;
    color: #ffffff;
    font-size: large;
    text-align: center;
    box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.15);
    padding: 40px;
    position: relative;
    animation-name: slideIn;
    animation-duration: .6s;
    animation-timing-function: ease-in-out;
    opacity: 100;
}

@keyframes slideIn {
    0% {
        top: 100px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 100%;
    }
}