.productive {
    box-shadow: 0.2em 0 0 var(--accent) inset;
}

/*
.projects {
    width: 100%;
    max-width: 40em;
    border-collapse: collapse;
    align-self: center;
}

.projects thead {
    border-bottom: solid var(--light3) 2px;
}

.projects thead th:not(:first-child) {
    border-left: solid var(--light3) 2px;
}

.projects th, .projects td {
    text-align: left;
    padding: 0.4em 0.8em;
}

.projects tbody tr:nth-child(even) {
    background-color: var(--dark2);
}
*/