.imgSizeS {
    width: 10%;
}

.imgSizeM {
    width: 30%;
}

.imgSizeL {
    width: 60%;
}

.projectsContainer {
    display: grid;
    grid-template-columns: var(--projectsGridColumn);
    gap: var(--projectsGridGap);
}

.projectTextLink {
  	color: var(--compliment);
  	text-decoration: underline;
}

.projectCard {
    /* background-color: var(--compliment); */
}

.projectCardTitle {
    font-size: var(--projectCardTitleFontSize);
    font-weight: 600;
    display: block;
    padding-bottom: 16px;
}
.projectCardTitle > a {
    text-decoration: none;
    color: var(--white);
}

.projectCardDate {
    font-size: var(--projectCardDateFontSize);
    font-weight: 400;
    color: var(--white);
    display: block;
    padding-bottom: 16px;
}

.projectCardText {
    color: var(--white);
    font-size: var(--projectCardTextFontSize);
}

.projectCardReadmore {
    font-size: var(--projectCardTextFontSize);
}

.projectCardReadmore > a{
    color: var(--main);
}

.projectCard {

}