body {
    background-color:#171622;
    color:white!important;

}

.card {
    background-color:#212130;
    border-radius: calc(0.75rem - 1px);
    padding: 1.5rem 1.875rem 1.25rem;
}

h1, h2, h3, h4, h5, h6 {
    color:white;
    margin: 0;
    font-family: 'Poppins', sans-serif;

}

h6 {
    font-size:.9rem;
}


@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.first{
    animation-delay: .5s;
}

.second {
    animation-delay: .8s;
}

.third {
    animation-delay: 1.1s;
}

.fourth {
    animation-delay: 1.4s;
}


.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
  }
  .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  /* Tooltip container */