body {
    padding: 2em;
}
a {
    margin-right: 3em;
}
h3 {
    display: inline;
}
.cards {
    display: flex;
}
.spacer {
    flex-grow:1;
}
.card > * {
    display: inline-block;
}
.flip {
    transform-origin: center;
    transform: rotate(180deg);
}
.spade {
    color: white;
}
.club {
    color: white;
}
.diamond {
    color: red;
}
.heart {
    color: red;
}
#end {
    justify-content: center;
}