#cards {
    display: grid;
    background-color: #0054ca;
    border-radius: 25px;
    border: 2px solid #0054ca;
    width: 100%;
    max-width: 320px;
    max-height: 320px;
    box-sizing: border-box;
}


.card_header {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0054ca;
    border-bottom: 4px solid rgb(255, 96, 96);
    border-radius: 25px 25px 0 0;
    min-height: 80px;
}


.card_header h3 {
    text-align: center;
}


.card_sprite {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


.card_sprite img {
    max-width: 150px;
    object-fit: contain;
    transition: 0.5s ease-in-out;
}


.card_sprite img:hover {
    scale: 130%;
}


#card_footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #0054ca;
    border-top: 4px solid rgb(255, 96, 96);
    border-radius: 0 0 25px 25px;
    min-height: 80px;
}


#card_footer img {
    max-width: 50px;
    padding: 5px;

    @media (min-width: 1600px) {
        max-width: 70px;
    }
}