.project-info {
    color: black!important;
    font-size: 2.2em;
    padding-top: 20px;
    padding-bottom: 20px;
    animation-duration: 0.5s;
    animation-name: animate-fade;
    animation-delay: 0.2s;
    animation-fill-mode: backwards;
}

.project-goals {
    font-size: 2.2em;
    padding-top: 15px;
}

.project-title {
    color: white!important;
    font-size:100px;
    animation-duration: 0.5s;
    animation-name: animate-fade;
    animation-delay: 0.2s;
    animation-fill-mode: backwards;
    transition: transform .2s; /* Animation */
}

.project-title:hover {
    transform: scale(1.5);
}

.project-header-dark {
    background-image: linear-gradient(0deg, #436099 22%, rgba(30, 46, 90, 0.6) 100%);
    width: 100%;
}

.project-header-dark-goals {
    background-image: linear-gradient(0deg, #436099 22%, rgba(34, 46, 90, 0.83) 100%);
    width: 100%;
}

.project-header-light {
    width: 100%;
}

.project-question {
    color: #144275;
    font-size: 5.0em;
    padding-top: 15px;
    animation-duration: 0.5s;s
    animation-name: animate-fade;
    animation-delay: 0.2s;
    animation-fill-mode: backwards;}