body {
    font-family: 'Poppins', 'Kanit', sans-serif, Arial;
}

.displayBg {
    background-color: #18191b;
}


.displayAction {
    animation: cardEntrance 700ms ease-out;
    animation-fill-mode: backwards;
    animation-delay: calc(2 * var(--stagger-delay));  


}


.displayContent{

    --stagger-delay: 100ms;
 
}

@keyframes change {
    0% {
        background-position: left;
    }
    50%{
        background-position: 100% 50%;
    }
    100%{
        background-position: right;
    }
}

@keyframes cardEntrance{
    from{
        opacity: 0;
        transform: scale(0.3);
        filter: hue-rotate(180deg);
    }
    to {
        opacity: 1;
        transform: scale(1);
        filter: hue-rotate(0deg);
    }
}

/* NAVBAR STYLING STARTS */
.navbar {
  display: flex;
  padding: 27px 11px;
  background-color: #18191b;
  color: #fff;
  height: 60px;

 }
 .nav-link {
  position: relative;
  right:500px;
  display: inline-block;
  justify-content: space-between;
  
 }

 .navbar-brand{
    font-size: 32px;
    position: relative;
    right:300px;
 }

 footer{
    position:fixed;
    margin-top: 2%;
    height: 50;
    width: 100%;
    text-align: center;
    font-size: 0.8em;
    bottom: 0;
    color: gray;
   }