body {
    margin: 0;
    padding: 0;
    background-color: #f4f5f7; /* Light gray background */
    color: #333; /* Dark text color */
}

.warning {
    display: flex;
    margin-top: 40px;
    justify-content: center;
}

.ct-warning {
    border: 2px solid #cf2525;
    border-radius: 8px;
    background-color: #ff9c9c;
    padding: 12px 28px;
    box-shadow: 4px 4px 6px #838181;
}

.warning-title, .warning-detail {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 18px;
    margin-bottom: 4px;
}

.warning-title {
    text-decoration: underline;
}

.warning-detail {
    margin-left: 8px;
}

.warning.hide, .warning-detail.hide  {
    display: none;
}