.project {
    display: inline-block;
    margin: 1em;
    padding: 1em;
    width: calc(100% - 4%);
    height: 10%;
    text-decoration: none;
}

    .project:hover {
        border-radius: 5px;
        transition: all 0.1s ease-in-out;
        background-color: rgba(0, 112, 255, 0.3);
    }

        .project:hover .project-text {
            color: darkslategray !important;
            transition: all 0.1s ease-in-out;
        }

.project-image {
    width: 40%;
}

.project-text {
    width: 58%;
}

    .project-text > h4 {
        margin-top: 2em;
    }