.projects-display {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: var(--general-spacing);
}


#projects-header > h2 {
    color: var(--colour1);
    border-bottom: double 3px var(--colour1);
    font-size: 22px;
}

#projects-header {
    margin-bottom: var(--general-spacing);
    margin-top: 2rem;
}

.projects {
    grid-area: projects;
}

.project-grid-item {
    padding: 30px;
    border-radius: 10px;
    border: 2px solid black;
    transition: transform .25s, color 1s, background-color 1s;
}

.project-grid-item:hover {
    transform: scale(0.975) rotate(-1deg);
}