body{
    background-color: #008080;
}

.deck-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.deck {
    width: 88px;
    height: 124px;
    object-fit: none;
    object-position: -88px 0px;
    grid-row: 1;
    grid-column: 1;
    z-index: 2;
}

.sub-deck{
    width: 88px;
    height: 140px;
    object-fit: none;
    object-position: 0px 0px;
    grid-row: 1;
    grid-column: 1;
    z-index: 1;
}

.open-cards-container{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    /* justify-content: center; */
}

.card {
    width: 88px;
    height: 124px;
    object-fit: none;
}

.card-move{
    position: fixed;
    z-index: 10; 
    transition: translate 1s ease,
                scale 0.5s ease;
}