/*
 * Jumble CSS 1.0
 */

/* Container styling */
.jmbdiv {
   border: #214721 solid 7px; /* Green border */
   padding: 10px;
   background-color: #000000; /* Black background */
   -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 1);
   height: 85px; /* Set the height value */
}

/* List styling */
#jmbul {
   display: flex; /* Updated display property for better layout control */
}

/* Styling for jumble blocks */
.jmbblock, .jmbblock2 {
   border: 4px black solid;
   display: flex;
   align-items: center; /* Center items vertically */
   float: left;
   padding: 7px;
   margin: 1px;
   border-radius: 8px;
   font-family: Arial, sans-serif; /* Use a common font family */
   font-size: 1.125rem; /* Relative font size */
   font-weight: bold;
}

/* Additional styling for .jmbblock2 */
.jmbblock2 {
   border: none;
   color: #43b084;
}

/* Common styles for jumble blocks */
.jmbblock, .jmbblock2 {
   background-color: lightgray;
}