div.project {
    padding-top: 1.25em;
    padding-bottom: .25em;
    display: flex;
    flex-wrap: wrap;
}

div.project-thumbnail {
    flex: 0 0 220px;
    white-space: nowrap;
    padding-top: .25em;
    padding-right: 20px;
}

img.project-thumbnail {
    vertical-align: middle;
    width: 150px;
}

div.project-description {
    flex: 1 1 60%;
}

span.project-title {
    font-size: larger;
    font-weight: bolder;
}

span.project-subtitle {
    font-weight: lighter;
}

span.project-link-item-text {
    color: #0129a1;
    background-position: bottom;
    background-size: 100% 6px;
    background-repeat: repeat-x;
    background-image: linear-gradient(transparent, transparent 5px, #0129a1 5px, #0129a1);
    font-size: smaller;
    padding-left: 0.3em;
}

span.project-link-item-text:hover {
    color: #0129a1;
    background-position: bottom;
    background-size: 100% 6px;
    background-repeat: repeat-x;
    background-image: linear-gradient(transparent, transparent 4px, #0129a1 4px, #0129a1);
    background-position: bottom;
    background-size: 100% 6px;
    background-repeat: repeat-x;
}