Craps Game

 /* main.css */ body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } #gameContainer { width: 800px; height: 600px; background: url('background.jpg') no-repeat center center; background-size: cover; position: relative; box-shadow: 0 0 20px rgba(0,0,0,0.5); } .button { background-color: #007BFF; color: white; border: none; padding: 10px 20px; margin: 10px; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } .button:hover { background-color: #0056b3; } .dice { position: absolute; width: 100px; height: 100px; } /* Specific positions or additional styles can go here */ /* Dice styles */ .dice { transition: transform 0.5s ease-out; } /* Bet chip styles */ .chip { width: 30px; height: 30px; background: red; border-radius: 50%; position: absolute; } /* Additional positioning based on specific areas of the game table */ .chip[data-bet="pass"] { top: 10%; left: 10%; } /* Responsive adjustments */ @media (max-width: 900px) { #gameContainer { width: 90%; height: auto; min-height: 500px; } }