@import url('bootstrap-extended.css');
@import url('colors.css');
@import url('components.css');

.message-box {
    border: 1px solid #dc3545; /* Red border color */
    background-color: #f8d7da; /* Light red background color */
    color: #dc3545; /* Red text color */
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow */
    margin-top: 2rem;
    text-align: left; /* Align text to the left within the message box */
}

.instructions-list {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    text-align: start;
    align-content: stretch;
    justify-content: space-evenly;
}

.instructions-list li {
    margin-bottom: 0.5rem; /* Add some space between list items */
}

.step-info {
    color: #1d2b36 !important;
    font-weight: 700;
}