/* Additional custom styles can be added here */

body {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Add some spacing between elements */
.my-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

/* Style the log result area */
#logResult {
    border: 1px solid #ced4da;
    padding: 1rem;
    background-color: #f8f9fa;
    white-space: pre-wrap;
}
.text-primary {
    color: #007bff; /* Blue color */
}

.text-success {
    color: #28a745; /* Green color */
}

strong {
    font-weight: bold; /* Adjust the boldness as needed */
}
/* custom-colors.css */

.color-red {
    color: #FF5733; /* Red color */
}

.color-green {
    color: #4CAF50; /* Green color */
}

.color-blue {
    color: #2196F3; /* Blue color */
}

.color-orange {
    color: #FF9800; /* Orange color */
}

.color-purple {
    color: #9C27B0; /* Purple color */
}

.color-teal {
    color: #009688; /* Teal color */
}

.color-pink {
    color: #E91E63; /* Pink color */
}

.color-indigo {
    color: #3F51B5; /* Indigo color */
}

.color-brown {
    color: #795548; /* Brown color */
}

.color-grey {
    color: #9E9E9E; /* Grey color */
}

.color-yellow {
    color: #d45d0efb; /* Yellow color */
}

.color-cyan {
    color: #00BCD4; /* Cyan color */
}
.message-class-box {
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 10px;
    background-color: #f7f7f7;
}