body {
    background-image: url(images/table.png);
    background-size: cover;
    color: white;
    text-align: center;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: bold;
}

h1 {
    color: goldenrod;
}
#message-el {
    font-style: italic;
}
button {
    color: darkgreen;
    width: 150px;
    background: goldenrod;
    border: 2px solid transparent;
    border-radius: 2px;
    margin-bottom: 2px;
    margin-top: 2px;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, transform 0.05s ease;
}
#start-game-btn:hover,
#new-card-btn:hover {
    background-color: #c5971d;
    border: 2px solid darkgreen;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}