.heading h1{
    color: white;
    font-size: 42px;
    margin-top: 10px;
    justify-content: center;
}

.content {
    padding: 20px; /* Adjust padding as needed */
}

.content-area {
    font-size: 16px; /* Adjust font size as needed */
    line-height: 1.5; /* Adjust line height as needed */
}

.select {
    padding: 5px; /* Adjust padding as needed */
    border-radius: 4px; /* Adjust border radius as needed */
    border: 1px solid #ccc; /* Adjust border color as needed */
    font-size: 16px; /* Adjust font size as needed */
}

/* Custom classes from the HTML */
.select-bordered {
    border: 2px solid #000; /* Adjust border color and width as needed */
}

.w-20 {
    width: 20%; /* Adjust width as needed */
}

.w-32 {
    width: 32%; /* Adjust width as needed */
}

.mb-2 {
    margin-bottom: 2px; /* Adjust margin as needed */
}

.mx-1 {
    margin-left: 1px; /* Adjust margin as needed */
    margin-right: 1px; /* Adjust margin as needed */
}

/* Animation class from the HTML */
.animate-wiggle {
    animation: wiggle 1s infinite; /* Adjust animation properties as needed */
}

/* Keyframes for the wiggle animation */
@keyframes wiggle {
    0% { transform: rotate(-5deg); }
    50% { transform: rotate(5deg); }
    100% { transform: rotate(-5deg); }
}