.cardDisplay {
    border-style: solid;
user-select: none;
width: 260px;
height: 420px;
border-radius: 20px;
border-width: 4px;
margin: auto;
}

.buttonContainer {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
}

.cardButton {
    border-style: solid;
user-select: none;
display: flex;
align-content: center;
width: 62px;
height: 100px;
border-radius: 10px;
border-width: 2px;
margin: 2px;
user-select: none;
cursor: pointer;
}

.darkTheme {
border-color: #f5f5f5;
background-color: #0a0a0a;
color: #f5f5f5;
}

.lightTheme {
border-color: #0a0a0a;
background-color: #f5f5f5;
color: #0a0a0a;
}

.redOutline {
border-color: red;
transform: scale(1);
animation: pulse-red 2s;
}

.cardFace {
    padding-top: 70px;
}

.cardFaceTall {
    padding-top: 15px;
}

.faceDown {
    border-style: solid;
    user-select: none;
    width: 260px;
    height: 420px;
    border-radius: 20px;
    border-width: 4px;
    margin: auto;
}