.project-type {
    display: inline-block;

    padding: 0.1em 0.3em;

    border-radius: 0.5em;

    border-style: solid;

    vertical-align: text-bottom;

    font-size: 0.8rem;
    font-weight: normal;

    text-decoration: none;
}

.project-type-project {
    background-color: #ccffff;
    /* 20, 100 */

    border-color: #82d9d9;
    /* 40, 90 */
    /* exception: 40, 85 */
}

.project-type-project::before {
    content: "Project";
}


.project-type-experiment {
    background-color: #cce6ff;

    border-color: #8ab9e6;
}

.project-type-experiment::before {
    content: "Experiment";
}


.project-type-hack {
    background-color: #ffccee;

    border-color: #e68ac7;
}

.project-type-hack::before {
    content: "Hack";
}