* {
    /* background-color: rgb(23, 24, 21); */

     /* font-family: 'Dosis', sans-serif; */

    /* font-family: 'Questrial', sans-serif; */

    font-family: 'Monda', sans-serif;
}

.responsive-profile-pic {
    width: 100%;
    max-width: 300px;
    height: auto;
  }

  .responsive-project-pic {
    object-fit: cover;
    width: 100%;
    max-width: 550px;
    height: auto;
  }

  .fill-img {
    flex-shrink: 0;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%
}

/* .card:hover {
    color: white;
    opacity: .5;} */

/* #particles-js {

} */

.header-primary {
    animation-name: moveInLeft;
    animation-duration: 2s;
    backface-visibility: hidden;
}

.header-primary-main {
    animation-name: moveInRight;
    animation-duration: 2s;
    backface-visibility: hidden;
}

.header-primary-sub {
    animation-name: moveInLeft;
    animation-duration: 2s;
    backface-visibility: hidden;
}


@keyframes moveInLeft {
    0% {
        opacity: 0;
        transform: translateX(-150px);
    }

    80% {
        transform: translateX(0px);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(150px);
    }

    80% {
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes moveInTop {
    0% {
        opacity: 0;
        transform: translateY(150px);
    }

    80% {
        transform: translateY(0px);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}