body {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center items horizontally */
    justify-content: flex-start; /* Align items to the top */
    font-family: Arial, sans-serif;
    background-color: #001f3f; /* Dark blue background */
    height: 100vh;
    color: white; /* White text color for contrast */
    margin: 0; /* Remove default margin */
}

.container {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center horizontally */
    margin-top: 20px; /* Add margin to create space from the top */
    flex-grow: 1; /* Ensure container takes available space */
    position: relative; /* Allow absolute positioning inside */
}

#winMessage {
    font-size: 24px; /* Adjust size as needed */
    margin: 20px 0; /* Space around the win message */
    color: white; /* Text color */
    text-shadow: 2px 2px 4px black; /* Black border effect */
    display: none; /* Initially hidden */
}

.hidden {
    display: none; /* Utility class for hiding elements */
}

#shrimpContainer {
    position: absolute; /* Keep it absolutely positioned */
    bottom: 0; /* Align to the bottom of the page */
    left: 50%; /* Center horizontally */
    transform: translateX(-50%); /* Adjust for centering */
    width: 200px; /* Adjust as needed */
    height: auto; /* Allow dynamic height */
    display: flex;
    flex-direction: column; /* Stack shrimp vertically */
    align-items: center; /* Center shrimp images */
}

.shrimp {
    width: 100px; /* Set a fixed width for the shrimp image */
    height: auto; /* Maintain aspect ratio */
    pointer-events: none; /* Prevent pointer events on the shrimp */
    margin: 0; /* No margin so they stack closely */
}

button {
    padding: 10px 20px;
    font-size: 16px;
    margin: 10px 0; /* Space between the button and the title */
    cursor: pointer; /* Change cursor to pointer for better UX */
    transition: transform 0.2s; /* Smooth scale effect */
}

button:active {
    transform: scale(0.95); /* Slightly shrink button when clicked */
}

