:root {
  /*here I am defining my own colours and other variables so I can change them all in one go*/
  --flexspacing: 15px;        /*   var(--flexspacing)  */
}

/* this first section is primarily about formatting the pattern cards on the patterns page */

.gamebox
{
    display: flex;
    flex-wrap: wrap;
    gap: var(--flexspacing);
}

.gamelink
{
    flex-basis: 30%;
    min-width: 200px;
    flex-grow: 1;
}

    .gamepreview
    {
        border-radius: var(--imageradius);
        width: 100%;
    }

.gamedescription
{
    flex-basis: 60%;
    flex-grow: 1;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: var(--flexspacing);
}

    .gamedescription > p
    {
        margin: 0;
    }

    .lastdescription
    {
    flex-grow: 1;
    }