/**
    Title: macias-card-game.css
    Author: Andres Macias
    Date: 05/15/22
    Description: Styling for the macias-card-game.html file for WEB 231 Enterprise JavaScript I.
**/

body {
    font-family: 'Oswald', Verdana, Arial, sans-serif;
}
.app-header {
    text-align: center;
}
#container {
    padding: 10px;
}

#card-game-form, #shuffled-cards{
    width: 600px;
    margin: 3% auto 0;
    
}

.player-card {
    text-align: center;
}

#player-card-container {
    display: grid;
    gap: 10px;
    padding: 10px;
    grid-template-columns: auto auto auto auto;
}