body {
	background-image: url('bg.gif');
    background-repeat: repeat; /* Repeat the image */
    background-size: 100px 100px; /* Size of the repeating pattern */
    image-rendering: pixelated; /* To make the background appear pixelated */
    /* Other styles */
}

.container {
    text-align: center;
    color: white;
}

.card-container {
    display: flex; /* Make the cards display side by side */
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.card {
    width: 256px; /* Adjusted card width */
    height: 512px; /* Adjusted card height */
    background-color: white;
    border: 20px solid black;
    border-radius: 0px;
    margin: 0 10px;
    overflow: hidden;
}

.tarot-card {
    width: 100%;
    height: 100%;
    object-fit: cover;
	 image-rendering: pixelated; /* Ensures the pixelated effect */
}

#draw-button {
 	background-image: url('draw.gif');
    background-size: contain;
	background-repeat: no-repeat;
    width: 129px;
    height: 60px;
    border: none;
    cursor: pointer;
	image-rendering: pixelated; /* To remove anti-aliasing */
}