body {
    background-color: #f8f9fa;
}

/* .container {
    max-width: 400px;
} */

#result {
    font-size: 1.2rem;
    margin-top: 15px;
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

#multiSpinBtn {
    margin-top: 10px;
}

/* Add these styles to your existing styles.css file */

.item-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.item-frame {
    width: 100px; /* Adjust the width as needed */
    height: auto; /* Maintain aspect ratio */
}

.item-image {
    width: 80px; /* Adjust the width as needed */
    height: auto; /* Maintain aspect ratio */
    margin-top: -150px; /* Adjust the margin to center the image within the frame */
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col {
    padding-left: 15px;
    padding-right: 15px;
}

.small {
    font-size: 12px; /* Adjust the font size as needed */
}