.drag-game {
    display: flex;
    justify-content: center; /* Center the entire drag game container */
    margin: 1.25rem 0;
}

.drag-items, .drop-area {
    flex: 1;
    padding: 0.625rem;
    border-radius: 0.25px;
    box-sizing: border-box;
}

.drag-items {
    border: 0.125rem solid #000;
    background-color: #f0f0f0;
    min-height: 24.24vh;
    margin-right: 1.21vw; /* Space between drag items and drop area */
}

.draggable {
    padding: 0.625rem;
    border: 0.063rem solid #000;
    border-radius: 0.25rem;
    background-color: #d0f0d0;
    margin: 0.313rem;
    cursor: grab;
    box-sizing: border-box;
}

.drop-area {
    border: 0.125rem dashed #000;
    background-color: #e0e0e0;
    min-height: 24.242vh;
    margin-left: 0.6944vw; /* Space between drag items and drop area */
}


.game-container{
    background-color: #ddf7f3;
    padding: 3.125rem;
}