.project-name {
    display: inline-block;

    margin: 0.3em 0;
    margin-right: 0.6em;

    font-weight: bold;
    font-size  : 1.8rem;

    text-decoration: underline;
}

.project-dates {
    margin-bottom: 0.7rem;

    font-style: italic;

    color: dimgray;
}

.project-tech {
    margin-bottom: 1rem;
}

.project-description-text {
    margin-top: 1rem;
}


.details-buttons {
    margin: 36px 0 0;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    place-content: flex-start;
}

.details-button {
    display: block;
    padding: 12px 16px;

    margin-right: 12px;

    border-radius: 8px;

    text-decoration: none;
}

.details-button:last-of-type {
    margin-right: 0;
}

.details-button {
    background-color: #777;

    color: white;
}

.details-button:hover {
    background-color: #555;
}