.card {
    border: solid black 4px;
    background-color: var(--colour-black);
    padding: 18px;

    &.pink,&.hallie {
        border-color: var(--colour-hallie);
        box-shadow: 0 0 8px 1px var(--colour-hallie);
    }

    &.phoebe {
        border-color: var(--colour-phoebe);
        box-shadow: 0 0 8px 1px var(--colour-phoebe);
    }

    &.maya {
        border-color: var(--colour-maya);
        box-shadow: 0 0 8px 1px var(--colour-maya);
    }

    &.clara,&.eve {
        border-color: var(--colour-clara);
        box-shadow: 0 0 8px 1px var(--colour-clara);
    }
}