.card {
    --cardColour: var(--colour-black);

    border: solid var(--cardColour) 4px;
    background-color: var(--colour-black);
    box-shadow: 0 0 8px 1px var(--cardColour);
    padding: 18px;

    &.pink,&.hallie {
        --cardColour: var(--colour-hallie);
    }

    &.phoebe {
        --cardColour: var(--colour-phoebe);
    }

    &.maya {
        --cardColour: var(--colour-maya);
    }

    &.clara,&.eve {
        --cardColour: var(--colour-clara);
    }
}